/* AB模板网 整站模板下载 */ /* 模板：Www.AdminBuy.Cn */ /* 仿站：Fang.AdminBuy.Cn */ /* 素材：Sc.AdminBuy.Cn */ /* js特效：js.AdminBuy.Cn */ /* QQ：9490489 */ @charset "UTF-8"; /* CSS Document */ body, html { overflow-x: hidden; } body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,form,img,select{margin:0; padding:0;} body{color: #333; font-size:14px; font-family: "微软雅黑","Microsoft YaHei";background:#fff;} a{text-decoration:none; color:#333;} a:hover{color:#de0029;} ul,li{list-style:none;} .clear{clear:both;} img{border:0;} .blank10{height:10px;} .blank15{height:15px;} .blank20{height:20px;} .blank30{height:30px;} .blank40{height:40px;} .blank50{height:50px;} .blank60{height:60px;} .fl{float: left;} .fr{float: right;} .colorW{ color: #fff !important; } .colorG{ color: #C0C4CC !important; } .pt50{ padding-top: 50px !important; } /*滚动条美化*/ body::-webkit-scrollbar { width: 10px !important; } body::-webkit-scrollbar-track { background-color: #f3f3f3; } body::-webkit-scrollbar-track-piece { background-color: #f3f3f3; -webkit-border-radius: 4px; } body::-webkit-scrollbar-thumb { background-color: #ddd; border: solid 1px #C0C0C0; border-radius: 4px; } body::-webkit-scrollbar-corner { background-color: #ddd; } body::-webkit-resizer { background-repeat: no-repeat; background-position: bottom right; } body::-webkit-scrollbar-thumb:hover { background-color: #F3F3E0; } ::-webkit-scrollbar { width: 15px; } /*图片放大*/ .picShow img:hover,.picShow a:hover img{transition:all 500ms ease-out 0s; cursor:pointer; -webkit-transform:scale(1.15); moz-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15); } .picShow img{transition:all 500ms ease-out 0s; } .main100 {width: 80%; margin: auto; max-width: 1280px; min-width: 1200px;} .fix_width {width: 90%; margin: auto; max-width: 1440px; min-width: 1200px;} .main{width:1200px; margin:auto;} .table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%} .table_cell{ display:table-cell; vertical-align:middle} /*头部*/ .header{ height:80px; position:fixed; z-index:9999; width:100%; transition:0.3s all;background:#fff; /*box-shadow: 0 5px 10px rgba(0,0,0,0.2);*/ border-bottom:solid 1px #ebeef4; box-sizing:border-box;} /*.header:hover{background:rgba(20,107,187, 0.8);}*/ .header .logo{ float:left; padding-top:15px; transition:0.3s all;} .header .logo img{height:50px; transition:0.3s all;background:none; } .header .logo2{ float:left; margin:15px 0 0 10px;} .header .tel {color: #fff;font-size: 22px;line-height: 70px;height: 70px;background: url(../images/tel_on.png) no-repeat left center; padding-left: 25px;transition: 0.3s all;font-family: Arial, Helvetica, sans-serif;} /*所有服务*/ .all_service {margin: 25px 0 0 30px; color: #fff; position: relative; float:left;} .all_service span {cursor: pointer;display: block;position: relative;color: #fff;line-height: 34px;text-indent: 12px;width: 90px;height: 34px;border-radius: 18px;background:#8fb4cd;} .all_service span i { display: block; position: absolute; top: 50%; right: 11px; margin-top: -2px; background: #30c8c6; background: url(../images/jz_head_top.png) no-repeat center; background-size: 100%; width: 7px; height: 4px; -webkit-transition: all .2s linear; transition: all .2s linear; } .all_service span.on{background:#2F82FF;} .all_service span.on i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .maskbox{ width:630px; height:280px; background:#fff; position:absolute; display:none; left:0; top:55px; z-index:999; padding:35px 25px; box-sizing:border-box;} .maskbox .all_box{} .maskbox .all_box h3{height: 36px; padding-left: 52px;font-size: 15px;line-height: 36px; color:#333; float:left;} .maskbox .all_box h3.tit1 {background: url(../images/head_icon1.png) no-repeat left;background-size: 36px 36px;} .maskbox .all_box h3.tit2 {background: url(../images/head_icon2.png) no-repeat left;background-size: 36px 36px;} .maskbox .all_box h3.tit3 {background: url(../images/head_icon3.png) no-repeat left;background-size: 36px 36px;} .maskbox .all_box h3.tit4 {background: url(../images/head_icon4.png) no-repeat left;background-size: 36px 36px;} .maskbox .all_box li {height: 36px; line-height:36px; float: left;padding-left: 22px; margin-left: 20px;position: relative;} .maskbox .all_box li:before {content: '';display: block;width: 1px; height: 14px; background-color: #d3d3d3;position: absolute; left: 0;top: 11px;} /*下拉菜单*/ .head-box{height: 80px;float:right; } .head-box .menu{ } .head-box .menu ul li{float: left; position: relative;z-index: 999; box-sizing:border-box; position:relative; margin:0 10px;} .head-box .menu ul li .svb a{display: block; font-size: 18px; color:#333;line-height:80px;} .head-box .menu ul li dt a{display: block; line-height: 46px; color:#fff;text-align: center; font-size: 14px;border-bottom: #fff 1px solid;} .head-box .menu ul li dt:last-child a{border-bottom:0;} .head-box .menu ul li dt a:hover{ background:; color:#de0029; } .head-box .menu ul li .svb{ transition:0.5s all; } .head-box .menu ul li:hover .svb{background:;} .head-box .menu ul li:hover .svb a{color: #de0029;} .head-box .menu ul li.curr .svb{background:;} .head-box .menu ul li.curr .svb a{ color: #de0029;} .head-box .menu ul li .svb-box{display: none; background:rgba(20,107,187, 0.8); z-index:999; width:160px; position:absolute; left:-50px; top:70px; border-radius:0px; overflow:hidden;} .head-box .menu ul li:nth-child(2),.head-box .menu ul li:nth-child(3){background:url(../images/jz_hot.png) no-repeat right 18px;} /*.head-box .menu ul li:hover:nth-child(2),.head-box .menu ul li:hover:nth-child(3),.head-box .menu ul li.curr {background:none;}*/ .head-box .menu ul li .svb a:before {width: 0;height: 2px;position: absolute;left: 50%;bottom: 0;z-index: 10;transform:translateX(-50%);-webkit-transform: translateX(-50%);background:#de0029;content: "";transition: all 0.3s;-webkit-transition: all 0.3s;} .head-box .menu ul li:hover .svb a:before {width: 100%;} /*焦点图*/ #banner {max-width:1920px; margin:auto; position:relative; z-index:9;min-width:1200px;} #banner .swiper-slide{ overflow:hidden; position:relative; height:520px; background-size:cover; background-repeat:no-repeat; background-position:center;} @media only screen and (max-width: 1440px){#banner .swiper-slide{height:520px;}} @media only screen and (max-width: 1360px){#banner .swiper-slide{height:520px;}} /*按钮切换*/ #banner .swiper-button-prev,#banner .swiper-button-next {display: none;width: 72px;height: 72px; background:url(../images/ico_sliding.png) no-repeat; margin-top:-36px; background-image:} #banner .swiper-button-prev {background-position: 0 0;} #banner .swiper-button-prev:hover { background-position: 0 -144px;} #banner .swiper-button-next { background-position: 0 -72px;} #banner .swiper-button-next:hover {background-position: 0 -216px;} /*分页器*/ #banner .swiper-pagination-bullet{width: 12px;height: 12px; display: inline-block; border-radius: 50%; background:rgba(255,255,255,0.36); transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; opacity: 1.0;} #banner .swiper-pagination-bullet-active{background:rgba(255,255,255,0.8);color: #fff;width: 33px;border-radius: 30px;opacity: 1.0;} #banner .swiper-pagination{bottom:25px;} /*立即预约*/ /*报价下滚动信息*/ /*.txtScroll-top{ width:450px; overflow:hidden; position:relative; border:1px solid #ccc; } .txtScroll-top .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; } .txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block; width:9px; height:5px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; cursor:pointer; background:url("../images/icoup.gif") no-repeat;} .txtScroll-top .hd .next{ background:url("../images/icodown.gif") no-repeat; } .txtScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; } .txtScroll-top .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icocircle.gif") 0 -9px no-repeat; } .txtScroll-top .hd ul li.on{ background-position:0 0; }*/ .txtScroll-top{ padding:20px 0; width:1200px; margin:auto; border-bottom:dotted 1px #ccc;} .txtScroll-top .infoList li{ height:30px; line-height:30px; } .sli_item{color: #666;font-size: 12px;overflow: hidden;} .sli_item > div {width:50%;float: left;} .sli_item i{font-style: normal;margin-left: 15px;font-size: 12px;} .announ_tit{color: #fff;float: left;font-size: 12px;height: 30px;line-height: 30px;padding: 0 10px;background:#2F82FF;position: relative;} /*页面标题*/ .main_tit{text-align:center; min-width:1200px; padding:50px 0 30px;} .main_tit_z{ font-size:30px; margin-bottom:10px; color:#111; font-weight:normal; text-transform:uppercase;} .main_tit_f{ font-size:14px; color:#666; } /*页面标题*/ .main_tit1{min-width:1200px; padding:50px 0 25px;} .main_tit1 h5{ font-size:25px; color:#fff; text-transform:uppercase} .main_tit1 h5 span{ font-size:14px; color:rgba(255,255,255,0.6); font-weight:normal; margin-left:10px;} /*页面标题*/ .main_tit2{min-width:1200px; padding:50px 0 25px;} .main_tit2 h5{ font-size:25px; text-transform:uppercase;} .main_tit2 h5 span{ font-size:14px; color:#888; font-weight:normal; margin-left:10px;} /*页面标题*/ .title_ny{margin:50px auto 25px auto;} .title_ny h5{ display:inline-block;font-size:16px; color:#222; font-weight:bold;margin-left:5px;} .title_ny h5 small{ margin-left:5px;} .title_ny h5 small img{height:28px; vertical-align:bottom;} .title_ny h6{ display:inline-block; margin:0px 0 0 8px; font-weight:normal; font-size:12px; color:#666;} /*更多*/ .more_big a{width:160px; line-height:36px; overflow:hidden; background:rgba(255,255,255,0.1); display:inline-block; border:solid 1px rgba(255,255,255,0.6); border-radius:52px; text-align:center; color:#fff; margin-top:30px; transition:0.3s all; position:relative;} .more_big a:hover{border:solid 1px #B71745; background:#B71745; color:#fff;} /*热门套餐*/ .tc_list{} .tc_list li{ width:284px; float:left; height:174px; box-sizing:border-box; text-align:center; margin-right:20px;} .tc_list li h3{font-size: 18px;color: #fff; padding: 35px 0 12px; font-weight:normal;} .tc_list li p{font-size: 14px; padding-bottom: 26px; color:rgba(255,255,255,0.8);} .tc_list li a{display: block; width: 118px;height: 34px;line-height: 34px; border: 1px solid #fff;border-radius: 5px;color: #fff;margin: 0 auto; transition:0.3s all;} .tc_list li a:hover{border: 1px solid rgba(255,255,255,0.25); background:rgba(255,255,255,0.25);} .tc_list li:nth-child(1){ background:url(../images/tc_bg1.png) no-repeat center;} .tc_list li:nth-child(2){ background:url(../images/tc_bg2.png) no-repeat center;} .tc_list li:nth-child(3){ background:url(../images/tc_bg4.png) no-repeat center;} .tc_list li:nth-child(4){ background:url(../images/tc_bg3.png) no-repeat center; margin-right:0;} /**/ .bg_box{background:rgb(239, 245, 254);} .new_bg_box{background-color: #F4F4F4;} .m-t-20 { margin-top: 20px; } .m-t-30{ margin-top: 30px; } .flex{ display: flex; } .block { display: block; } .f-18 { font-size: 18px; } .f-w { font-weight: 700; } .f-w-400{ font-weight: 400; } .hot_service{} .hot_service .hd{} .hot_service .hd ul{width:600px; margin:auto;} .hot_service .hd ul li{float:left; width:22%; margin:0 1.5%; text-align:center; cursor: pointer;line-height:36px; font-size:16px; background:#fff; border-radius:36px; transition:0.3s all;} .hot_service .hd ul li.on{ background:#FF6270; color:#fff;} .hot_service .bd {margin-top:35px;} /*热门服务*/ .service{ } .service .left{width:200px; height:320px; float:left;box-sizing: border-box; padding: 36px 20px 15px 20px;} .service .left h3{font-size: 18px; color: #fff; font-weight:normal; padding-left: 10px;} .service .left p{margin-top: 5px;padding-left: 10px;color: #fff;opacity: .3; font-size:13px;} .service .left a{display: block; width: 86%; height: 30px;line-height: 30px;margin: 190px auto 0 auto;text-align: center; background:rgba(255,255,255,0.2);border-radius: 15px;color: #fff; transition:0.3s all;} .service .left a:hover{ background:#fff; color:#333;} .service .mid{ width:700px;height:320px; background:#fff; float:left; overflow:hidden;} .service .mid li{width:50%; height:107px; padding:15px 25px; float:left; border:solid 1px #eee; border-left:0; border-top:0; box-sizing:border-box; position:relative;} .service .mid li h2{ font-size:16px; font-weight:bold;} .service .mid li p{ color:#666; line-height:40px; font-size:12px;} .service .mid li .link{position:absolute; right:15px; bottom:15px;} .service .mid li a{ width:80px; line-height:25px; display:inline-block; text-align:center; font-size:12px; border-radius:25px; border:solid 1px #ddd; margin-right:10px; transition:0.3s all;} .service .mid li a:hover{ background:#d90024; border:solid 1px #d90024; color:#fff;} .service .mid li:nth-child(1) .link{left:20px; bottom:30px;} .service .right{width:300px;height:320px; float:right; background:#fff; padding:10px 20px; box-sizing:border-box;} .service .right h5{font-size:18px; line-height:30px; position:relative; margin-left:10px;} .service .right h5:before {content: ""; /*不换行空格*/width: 4px;height:16px; position:absolute; left:-10px; top:8px;background:#d90024;} .service .right li{line-height:34px; border-bottom:solid 1px #eee; padding:0 0 10px; margin-top:10px;white-space:nowrap; text-overflow: ellipsis; overflow:hidden;} .service .right li:last-child{border-bottom:solid 0px #eee;} .service .right li img{vertical-align:middle; margin-right:10px; border-radius:0px; width:22px;} .service .s1_bg{background:url(../images/server_bg_all.png) no-repeat -1400px top;} .service .s2_bg{background:url(../images/server_bg_all.png) no-repeat -200px top;} .service .s3_bg{background:url(../images/server_bg_all.png) no-repeat -600px top;} .service .s4_bg{background:url(../images/server_bg_all.png) no-repeat -1000px top;} /*电话*/ .dianhua{ width: 478px;height: 48px;line-height: 48px; border: 1px solid;display: block; margin: 0 auto;position: relative;background-color: white; -webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;} .dianhua:hover{ padding: 0 20px;} .dianhua label{ padding-left: 30px; padding-top: 8px; float: left; width: 30px; line-height: 16px;} .dianhua strong{ font-size: 32px; font-family: "Impact"; padding-left: 25px;} .dianhua a{ width: 150px;height: 48px; position: absolute; top: 0;right: -1px;text-align: center;font-size: 18px;color: #fff;} .dianhua>i{ width: 40px; height: 40px; position: absolute;top: 4px;left: -20px; background: url(../images/com_tel.png) no-repeat;} .dianhua.green{ color: #FF6270;} .dianhua.green a{ background: #FF6270;} /*服务内容开始*/ .server{ width:585px;} .server .left{width:200px; height:320px; float:left;box-sizing: border-box; padding: 36px 20px 15px 20px;} .server .left h3{font-size: 18px; color: #fff; font-weight:normal; padding-left: 10px;} .server .left p{margin-top: 2px;padding-left: 10px;color: #fff;opacity: .2; font-size:12px;} .server .left a{display: block; width: 86%; height: 30px;line-height: 30px;margin: 190px auto 0 auto;text-align: center; background:rgba(255,255,255,0.2);border-radius: 15px;color: #fff; transition:0.3s all;} .server .left a:hover{ background:#fff; color:#333;} .server .right{width:385px;height:320px; float:left;box-sizing: border-box; border:solid 0px #e8e8e8; border-left:0; padding:25px 0 0 20px; background:#fff; border-radius:0 0 18px 0;} .server .right h3 {font-size:18px;height: 36px;border-bottom: solid 0px #eee;margin-bottom: 0px;} .server .louti_mid_art li{line-height:30px; font-size:14px; background: url(../images/dot.jpg) no-repeat left center; text-indent: 15px; font-size:13px;white-space:nowrap; text-overflow: ellipsis; overflow:hidden;} .s_a a{display: inline-block; height:28px; line-height:28px; padding:0 10px; border-radius:28px; margin:0 4px 12px 0; font-size:13px; transition:0.3s all;} .s_a1 a{ border:solid 1px #FC995E; color:#FC995E;} .s_a1 a:hover{ background:#FC995E; color:#fff;} .s_a2 a{ border:solid 1px #985DFC; color:#985DFC;} .s_a2 a:hover{ background:#985DFC; color:#fff;} .s_a3 a{ border:solid 1px #5D8DFC; color:#5D8DFC;} .s_a3 a:hover{ background:#5D8DFC; color:#fff;} .s_a4 a{ border:solid 1px #4BC9A3; color:#4BC9A3;} .s_a4 a:hover{ background:#4BC9A3; color:#fff;} .server .s1_bg{background:url(../images/server_bg_all.png) no-repeat -1400px top;} .server .s2_bg{background:url(../images/server_bg_all.png) no-repeat -200px top;} .server .s3_bg{background:url(../images/server_bg_all.png) no-repeat -600px top;} .server .s4_bg{background:url(../images/server_bg_all.png) no-repeat -1000px top;} /*服务优势*/ .youshi{ } .youshi li{ text-align:center; background:#f1f3ff; width:15.6%; margin:0 0.5%; float:left; border-radius:5px; overflow:hidden; padding:25px 0; box-sizing:border-box;} .youshi li .pic{ padding:0px 0 15px 0;} .youshi li .pic img{ width:30%;} .youshi li .txt{ padding-bottom:10px;} .youshi li .txt h3{ font-size:16px; font-weight:bold; margin-bottom:10px;} .youshi li .txt p{ font-size:14px; color:#666; line-height:20px; } /*广告图*/ #guanggao {width:1200px; margin:auto; position:relative; z-index:9;} #guanggao .swiper-slide{ overflow:hidden; position:relative; height:120px; border-radius:5px;} #guanggao .swiper-slide img{width:100%;} /*资讯*/ .news{ width:380px;} .news .tit{height: 148px;background: #ece3ee; text-align:center;} .news .tit img{display: block;width: 54px;height: 54px;margin: 0 auto;padding: 25px 0 14px;} .news .tit a{ font-size:18px;} .news .tit1{background:#EAE2C9} .news .tit2{background:#d7e3f4} .news .tit3{background:#ece3ee} .news ul{ padding:20px; background:#fff; border:solid 1px #eee; border-top:0;} .news li{line-height:32px; font-size:14px; background: url(../images/dot.jpg) no-repeat left center; text-indent: 15px; font-size:13px;white-space:nowrap; text-overflow: ellipsis; overflow:hidden;} /* 底部 */ .f_nbg{ width:100%; min-width:1200px; background:#181818; padding:60px 0 56px 0;} .fot_line{border-right:rgba(255,255,255,0.05) 1px solid; min-height: 180px; box-sizing:border-box;} .fot_logo{width:290px;} .fot_logo img{width:224px;} .f_nav{width:360px; padding:0 50px;padding-top: 20px;} .f_nav h4{font-size: 16px;color: #fff;margin-bottom: 40px;} .f_nav li p{ width:50%; line-height:28px; float:left;} .f_nav li p a{ font-size:14px; color:rgba(255,255,255,0.46);} .f_nav li p a:hover{color:#146bbb;} .b_weixin{width: 260px; text-align:center;padding-top: 20px;} .b_weixin h4{padding: 0 0 0 30px;font-size: 16px;color: #fff;background: url(../images/icon_ewm.png) 75px center no-repeat; margin-bottom: 40px;} .b_weixin li{} .b_weixin li img{ width:108px; height:108px; margin-bottom:10px;} .b_weixin li p{font-size: 14px; text-align:center; color:rgba(255,255,255,0.46);} .b_contact{width:280px;box-sizing:border-box;padding-top: 20px;} .b_contact h4{padding: 0 0 0 30px;font-size: 16px;color: #fff; background: url(../images/icon_ren.png) left center no-repeat;margin-bottom: 20px;} .b_contact p{ font-size:14px;color:rgba(255,255,255,0.46); line-height:34px;} .bq_bg{ width:100%; min-width:1200px; margin:0px auto; padding:18px 0; background:#111; color:rgba(255,255,255,0.46); text-transform:uppercase; font-size:12px;} .bq_bg a{color:rgba(255,255,255,0.36);} .bq_bg span,.bq_bg a{color:rgba(255,255,255,0.46); margin:0 5px;} .bq_bg span{ float:right; color:rgba(255,255,255,0.46); font-size:12px;} /*--------------------*/ /*二级页面*/ .page_ban{height: 420px; overflow:hidden; background:#000;} /*公司优势*/ .gszc_youshi{height:100px;margin:0 auto;} .gszc_youshi li{float:left;width:25%;height:100px;} .gszc_youshi li img{float:left;margin-left:30px;margin-top:25px;width:48px;height:48px;} .youshi_wz{display:block;width:200px;height:48px;float:right;margin-top:25px;} .youshi_wz b{font-size:18px; font-weight:normal;} .youshi_wz p{font-size:14px; color:#666; padding-top:5px;} /*公司注册表单*/ .gszc_title{font-weight:normal;font-size:28px;color:#333;text-align:center;padding-top:60px;} .hengxian{display:block;width:50px;height:3px;background:#9098ff;margin:0 auto;margin-top:30px;} .gszc_table{width:450px;height:490px;background:#fff;float:left;margin-top:50px;} .table_img{display:block;width:450px;height:90px;background:url(../images/table_img.png) no-repeat center;} .table_img h6{font-size:20px;color:#fff;text-align:center;line-height:90px;font-weight:normal;} .table_start{width:450px;height:240px;margin-top:30px;} .table_start li{width:450px;height:60px;margin-top:25px;} .table_start li span{display:block; margin-left:35px;float:left;line-height:60px;} .table_start li input[type=text]{height: 42px;width: 285px;padding-left: 15px;border: 1px solid #e2e2e2;outline: none;font-size: 14px;color: #333;float:left;margin-left:20px;margin-top:7px;} .notice-star {position: absolute;color: red;margin-top:20px;margin-left:5px;} .table_start li input[type=submit]{width: 290px;height: 48px;line-height: 48px;background: #ff6c2a;border-radius: 6px;font-size: 16px;color: #fff;box-shadow: 0 0 18px rgba(242,117,63,.3); border:0; outline:none; cursor:pointer; font-family:"微软雅黑";} .table_start li input[type=submit]:active{opacity: 0.8;} #type-radio2 dd {float: left;margin-top:-5px;position:relative;padding-left:32px;cursor: pointer;font-size: 14px;color: #666;line-height:14px;} #type-radio2 dd b {width:22px;height:23px;background:url(../images/radio_gray.png) no-repeat center center;display:block;position:absolute;left:0;top:-5px;} #type-radio2 .selected b,#type-radio2 .selected a:hover b {background:url(../images/radio_color.png) no-repeat center center;} #type-radio2 a {color: #f2753f;} #type-dd1 {padding-right: 8px;} #type-dd2 {padding-right: 40px;} .slideTxtBox{background:#FFFFFF;margin-top:50px;width:730px;float:right;height:490px;} .slideTxtBox .hd{ background:#FFFFFF;} .slideTxtBox .hd ul{margin:auto;height:50px; display:table;text-align:center;width:730px;height:64px;background:#fff;} .slideTxtBox .hd ul li{ float:left; cursor: pointer; font-size:16px;border-radious:20px;width:365px;height:63px;line-height:63px;} .slideTxtBox .hd ul li.on{ background:#6d6bff; color:#fff;} .bd_neirong p{display:block;width:630px;height:52px;font-size: 14px;color: #666;line-height: 24px;margin-left:50px;padding-top:20px;} .bd_btn a{display:block;width: 170px;height: 48px;line-height: 48px;text-align: center;font-size: 16px;color: #fff;background: #ff6c2a;border-radius: 6px;box-shadow: 0 0 18px rgba(242,117,63,.3);cursor: pointer;margin-left: 500px;margin-top:20px;} .bd_btn a:hover{display:block;background:#FF9933;} .bd_img{width:630px;height:230px;margin:20px auto;} .bd_img li{width:200px;height:230px;float:left;margin-left:15px; text-align:center;line-height:24px;} .bd_img li img{width:200px;height:200px;} /*工商热门服务*/ .hot-l,.hot-r {width: 550px;height: 598px;background: #fff;border-radius: 6px;box-shadow: 0 0 50px rgba(187,186,207,.3);} .hot-l {margin: 0 32px 0 34px;} .hot-l-top {width: 100%;height: 168px; background: -webkit-linear-gradient(left, #00cca8, #61dba3); background: -o-linear-gradient(right,#00cca8, #61dba3); background: -moz-linear-gradient(right,#00cca8, #61dba3); background: linear-gradient(to right,#00cca8, #61dba3); border-radius: 6px 6px 0 0; } .hot-li {width: 100%;height: 100%;background: url(../images/hot_01.png) no-repeat right center;} .hot-li p {font-size: 28px;color: #fff;padding: 25px 0 15px 36px;} .hot-li div {font-size: 16px;color: #fff;padding-left: 36px;margin-bottom: 12px;} .hot-li div span {display: inline-block;color: #00b192;font-size: 14px;background: #fff;padding: 5px 10px;border-radius: 14px;margin-right: 6px;} .hot-r-top { width: 100%; height: 168px; background: -webkit-linear-gradient(left, #464aff, #9447fa); background: -o-linear-gradient(right,#464aff, #9447fa); background: -moz-linear-gradient(right,#464aff, #9447fa); background: linear-gradient(to right,#464aff, #9447fa); border-radius: 6px 6px 0 0; } .hot-r-top .hot-li { width: 100%; height: 100%; background: url(../images/hot_02.png) no-repeat right center; } .hot-l-bottom {padding: 0 42px;box-sizing: border-box;} .hot-bm-title {border-bottom: 1px solid #e2e2e2;font-size: 16px;padding: 32px 0;margin-bottom: 20px;} .hot-bm-title .left {padding: 0 170px 0 24px;} #hot-radio {width: 235px;font-size: 14px;color: #1cd0a6;} #hot-radio dd {float: left;margin:0 10px 0 25px;position:relative;padding-left: 32px;cursor: pointer;padding-bottom: 25px;} #hot-radio dd b {width:22px;height:22px;background:url(../images/hot_icon1.png) no-repeat center center;display:block;position:absolute;left:0;top:0px;} #hot-radio .selected b,#type-radio .selected a:hover b { background:url(../images/hot_icon2.png) no-repeat center center; } #hot-radio2 {width: 195px;color: #1cd0a6;} #hot-radio2 dd {float: left;margin:0 10px 0 25px;position:relative;padding-left: 32px;cursor: pointer;padding-bottom: 25px;} #hot-radio2 dd b {width:22px;height:22px;background:url(../images/hot_icon1.png) no-repeat center center;display:block;position:absolute;left:0;top:0px;} #hot-radio2 .selected b,#type-radio .selected a:hover b {background:url(../images/hot_icon2.png) no-repeat center center;} .hot-inner-btn,.hot-inner-btn2 {width: 260px;height: 48px;line-height: 48px;text-align: center;border-radius: 6px;font-size: 16px;color: #fff;background: #00d0a6; box-shadow: 0 0 18px rgba(1,204,168,.3);cursor: pointer;margin: 0px 0 0 105px;} .hot-inner-btn:hover {background: #11c3a3;} .hot-r .hot-bmr-title {margin: 60px 0 42px;} .hot-bm-tl { width: 100px; margin-left: 142px; } .hot-bm-tl img,.hot-bm-tr img { display: block; width: 62px; height: 62px; margin: 0 auto; } .hot-bm-tl p,.hot-bm-tr p { font-size: 14px; color: #666; text-align: center; padding-top: 16px; } .hot-bm-tr { width: 70px; margin-left: 120px; } .hot-r-bottom ul li { width: 100px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #6c6eff; box-sizing: border-box; border: 1px solid #6d6bff; border-radius: 48px; margin-right: 12px; margin-bottom: 16px; cursor: pointer; } .hot-r-bottom ul li.list1,.hot-r-bottom ul li.list5 {margin-left: 60px;} .hot-r-bottom ul li.list5 {width: 144px;} .hot-r-bottom ul li.list6,.hot-r-bottom ul li.list7 {width: 130px;} .hot-inner-btn2 {background: #6c6eff;margin: 24px auto 0;box-shadow: 0 0 18px rgba(108,110,255,.3);} .hot-inner-btn2:hover {background: #5154f4;} .hot-bm-tl p:hover,.hot-bm-tr p:hover {color: #6c6eff;cursor: pointer;} /*----------*/ .vip-wrap {width:100%; height: 370px;overflow: hidden; min-width: 1200px;background: url(../images/vip_banner.png) no-repeat center center;background-color: #6643ff;} .vip {padding-left: 70px;} .vip-title {font-size: 32px;color: #fff;padding: 82px 0 30px;} .vip-title span {color: #3fffd2;} .vip ul {width: 810px;} .vip li {width: 405px;font-size: 16px;color: #e7e3ff;margin-bottom: 14px;padding-left: 36px;box-sizing: border-box;position: relative;} .vip li b {color: #3fffd2;font-weight: normal;} .vip li.list1>span { display: block; width: 22px; height: 22px; background: url(../images/vip01.png) no-repeat; position: absolute; top: 0px; left: 0; } .vip li.list2>span { display: block; width: 22px; height: 22px; background: url(../images/vip02.png) no-repeat; position: absolute; top: 0px; left: 0; } .vip li.list3>span { display: block; width: 22px; height: 22px; background: url(../images/vip03.png) no-repeat; position: absolute; top: 0px; left: 0; } .vip li.list4>span { display: block; width: 22px; height: 22px; background: url(../images/vip04.png) no-repeat; position: absolute; top: 0px; left: 0; } .vip-btn {width: 200px;height: 48px;line-height: 48px;border-radius: 6px;background: #00d0a6;font-size: 16px;color: #fff;margin-top: 32px;cursor: pointer; text-align:center;} .vip-btn:hover {background: #11c3a3;} /**/ .gszc_box4{width:580px;} .gszc_box4 h3{ padding-left:15px; font-size:16px;} .gszc_box4 li{width:46%; float:left; text-align:center; margin:10px 2%; background:#f1f3ff; padding:25px 0; border-radius:5px;} /*服务优势*/ .gszc_box5{ } .gszc_box5 li{ text-align:center; background:#f1f3ff; width:18%; margin:0 1%; float:left; border-radius:5px; overflow:hidden; padding:25px 0; box-sizing:border-box;} .gszc_box5 li .pic{ padding:0px 0 15px 0;} .gszc_box5 li .pic img{ width:30%;} .gszc_box5 li .txt{ padding-bottom:10px;} .gszc_box5 li .txt h3{ font-size:15px; font-weight:bold; margin-bottom:10px;} .gszc_box5 li .txt p{ font-size:12px; color:#666; line-height:20px; } /*常见问题*/ .wenda{background:url(../images/wd_bg.jpg) no-repeat center #6643ff} .question li {width: 554px;height: 160px;border-radius: 5px;background-color: #ffffff;padding: 50px 0 0 36px; margin-bottom: 20px;} .question li .ques { height:40px;} .question li .ques img, .question li .ans img, .question li .ques div, .question li .ans div {float: left;} .question li .ques img, .question li .ans img {margin-right: 18px;} .question li .tit, .question li .cont {max-width: 482px;} .question li .tit {font-size: 16px;line-height: 26px; color: #30c8c6;} .question li .cont {font-size: 14px;line-height: 30px;color: #333333;} .question li.card-r { padding-left: 25px;} /*相关服务*/ .xgfw{} .xgfw li{width:14.6%; margin:0 1%; float:left; padding:35px 0; font-size:16px; text-align:center; border:solid 1px #eee; box-sizing:border-box; border-radius:5px; transition:0.3s all;} .xgfw li img{width:40%; margin-bottom:15px;} .xgfw li:hover{ background:#fff;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);} .more2 a{width:160px; line-height:35px; overflow:hidden; background:rgba(255,255,255,0.1); display:inline-block; border:solid 1px rgba(255,255,255,0.6); border-radius:52px; text-align:center; color:#fff; transition:0.3s all; position:relative;} .more2 a:hover{border:solid 1px #fff; background:rgba(255,255,255,0.8); color:#333;} /*代理记账表单*/ .dljz_table{width:820px; float:left; background:#fff; height:410px; border-radius:10px; padding:25px 50px; box-sizing:border-box;} .dljz_table p{line-height:28px; margin-bottom:10px; font-size:15px; color:#666;} .dljz_table h3{font-size:16px; font-weight:normal; line-height:46px;} .dljz_table li input{ border:none; outline:none;} .dljz_table li input[type=text] {width:230px;font-size: 15px;line-height: 50px; height:50px; background: #fff; border:solid 1px #ddd;border-radius:5px; font-family:"微软雅黑"; margin-right:15px; padding-left:10px;} .dljz_table li input[type=submit]{width: 180px;height: 52px;border-radius: 4px;cursor: pointer; background: -webkit-gradient(linear, left top, right top, from(#f7cd6e), to(#ff8f2c)); background: linear-gradient(left, #f7cd6e, #ff8f2c); filter: progid:DXImageTransform.Microsoft.gradient(enabled=bEnabled, startColorstr=#f7cd6e, endColorstr=#ff8f2c); font-size: 17px; line-height: 52px; color: #ffffff; } .dljz_table li input[type=submit]:active{opacity: 0.8;} .dljz_table li input[type="radio"]{} .dljz_table li label{ position:relative; z-index:999; width:120px; height:40px; display:inline-block; margin-right:10px;} .dljz_table li label span{position:absolute; z-index:2; color:#333; width:100%; text-align:center; line-height:40px; font-size: 15px; cursor:pointer;} .dljz_table li input[type="radio"]:checked + label span{color:#fff;} .dljz_table li input[type="radio"] + label::before { content: ""; /*不换行空格*/ display: inline-block; width: 120px; border-radius:3px; height: 40px; position:absolute; z-index:0; background:#dce3fe; } .dljz_table li input[type="radio"]:checked + label::before { content: " "; /*不换行空格*/ display: inline-block; width: 120px; border-radius:3px; height: 40px; position:absolute; background:#5b79f1; } input[type="radio"] { position: absolute; clip: rect(0, 0, 0, 0); } /*右侧会计*/ #dljz_kj{ width:340px; float:right; background:#fff; overflow:hidden; border-radius:10px; height:410px;} #dljz_kj .pic{ width:100%;} #dljz_kj .pic img{width:100%; display:block;} #dljz_kj .txt{padding:15px 30px 35px 30px;} #dljz_kj .txt span.name{font-size:18px; margin-right:25px;} #dljz_kj .txt span.zy{font-size:15px; } #dljz_kj .txt p{ line-height:22px; color:#888; margin-top:15px; text-align:justify;} /*放大动画*/ .anim{-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:10} .anim:before{position:relative;content:'';display:block;margin-top:100%} .anim:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%} .hoverable{overflow:hidden} .hoverable .anim{-moz-animation:anim-out .75s;-webkit-animation:anim-out .75s;animation:anim-out .75s} .hoverable .anim:after{-moz-animation:anim-out-pseudo .75s;-webkit-animation:anim-out-pseudo .75s;animation:anim-out-pseudo .75s} .hoverable .anim,.hoverable .anim:after{animation-iteration-count:infinite;animation-duration:1.3s} @-webkit-keyframes anim-in{0%{width:0}100%{width:100%}} @-moz-keyframes anim-in{0%{width:0}100%{width:100%}} @-ms-keyframes anim-in{0%{width:0}100%{width:100%}} @keyframes anim-in{0%{width:0}100%{width:100%}} @-webkit-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}} @-moz-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}} @-ms-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}} @keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}} @-webkit-keyframes anim-out{0%{width:0}100%{width:100%}} @-moz-keyframes anim-out{0%{width:0}100%{width:100%}} @-ms-keyframes anim-out{0%{width:0}100%{width:100%}} @keyframes anim-out{0%{width:0}100%{width:100%}} @-webkit-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}} @-moz-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}} @-ms-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}} @keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}} /*代理记账*/ .dljz_box1{} .dljz_box1 li{width:390px; height:208px;float:left; padding-top:50px; overflow:hidden; box-sizing:border-box; color:#fff; margin-right:15px; border-radius:5px; text-align:center; transition: 0.3s all;-webkit-transition: 0.3s all;} .dljz_box1 li:hover{box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0); padding-top:25px;} .dljz_box1 li:nth-child(3){margin-right:0;} .dljz_box1 li h4{font-size:25px; margin-bottom:10px; font-weight:normal;} .dljz_box1 li p{font-size:14px; color:rgba(255,255,255,0.8);margin-bottom:15px;} .dljz_box1 li .price{ font-size:16px; margin-bottom:10px;} .dljz_box1 li .price-money{ font-size:28px;} .dljz_box1 li .more2{margin-top:50px; transition:0.3s all;} .dljz_box1 li:hover .more2{margin-top:0px;} .dljz_box1 li:nth-child(1){background:url(../images/dljz_bg3.jpg) no-repeat;} .dljz_box1 li:nth-child(2){background:url(../images/dljz_bg1.jpg) no-repeat;} .dljz_box1 li:nth-child(3){background:url(../images/dljz_bg2.jpg) no-repeat;} /*服务内容*/ .dljz_box2{} .dljz_box2 li{width:380px;box-shadow: 0 0 50px rgba(187,186,207,.3);} .dljz_box2 li .tit{background: #5b79f1; color:#fff; text-align:center; padding:25px 0 20px 0;} .dljz_box2 li .tit img{} .dljz_box2 li .tit h3{ font-size:18px; margin:10px 0; font-weight:normal;} .dljz_box2 li .txt{ height:225px; border:solid 1px #eee; padding:20px; border-top:0;} .dljz_box2 li .txt span{display: block; line-height:30px; -webkit-box-sizing: border-box;box-sizing: border-box;padding-left:20px;position: relative;} .dljz_box2 li .txt span::before { content: '';width: 5px; height: 5px;background-color: #ccc;position: absolute;top: 50%;left:6px; border-radius: 50%;margin-top: -3px;} /*记账报税流程*/ .fwlc_box{ position:relative} .fwlc_box:before{content:"";position:absolute;top:72px;width:100%;height:1px;border-bottom:#c1c1c1 1px dashed;} .fwlc_box ul{ font-size:0; overflow:hidden; text-align:center; width:1304px; margin-left:-52px; margin-bottom:20px;} .fwlc_box ul li{ width:326px; display:inline-block; *display:inline; *zoom:1;text-align:center; position:relative} .fwlc_box ul li .img{width: 145px;height: 145px;line-height: 143px;display: inline-block;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position: relative;z-index: 10;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;transform:rotate(90deg) translateZ(0);-webkit-transform:rotate(90deg) translateZ(0);-moz-transform:rotate(90deg) translateZ(0);background: #ffffff;margin-bottom:20px;} .fwlc_box ul li .img a{display: flex;align-items: center ; transform:rotate(-90deg) translateZ(0); -webkit-transform:rotate(-90deg) translateZ(0); -moz-transform:rotate(-90deg) translateZ(0);} .fwlc_box ul li .img a img{align-items: center;-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;filter:alpha(opacity=65); opacity:0.65; -moz-opacity:0.65; -khtml-opacity:0.65} .fwlc_box ul li:hover .img a img{-webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1; -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;} @keyframes jello { from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } .circleProgress_wrapper{ position:relative;} .wrapper{width: 72.5px;height: 145px;position: absolute;top:0;overflow: hidden;} .circleProgress_wrapper .left{width: 72.5px;height: 146px;position:absolute;left:0;top:0;} .circleProgress_wrapper .right{width: 72.5px;height: 146px;position:absolute;right:0;top:0;} .fwlc_box ul li .img .circleProgress{width: 146px;height: 145px;border: 2px solid #eb3e4c;border-radius: 50%;position: absolute;top:0;-webkit-transform: rotate(45deg);box-sizing:border-box;} .fwlc_box ul li .img .rightcircle{border-top: 2px solid #d0d0d1;border-right: 2px solid #d0d0d1;right:0;} .fwlc_box ul li .img:hover .rightcircle{ -webkit-animation: circleProgressLoad_right 2s linear; } .fwlc_box ul li .img .leftcircle{border-bottom: 2px solid #d0d0d1;border-left: 2px solid #d0d0d1;left:0;} .fwlc_box ul li .img:hover .leftcircle{ -webkit-animation: circleProgressLoad_left 2s linear;} .fwlc_box ul li .img:after{content:"";position:absolute;left: 0;top: 0;width: 141px;height: 141px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;} .fwlc_box ul li .img:hover:after{transition-delay:2s; border:2px solid #eb3e4c;} @-webkit-keyframes circleProgressLoad_right{ 0%{ -webkit-transform: rotate(45deg); } 50%{ -webkit-transform: rotate(225deg); } 100%{ -webkit-transform: rotate(225deg); } } @-webkit-keyframes circleProgressLoad_left{ 0%{ -webkit-transform: rotate(45deg); } 50%{ -webkit-transform: rotate(45deg); } 100%{ -webkit-transform: rotate(225deg); } } .fwlc_box ul li span{position:absolute;left: 206px;top: 55px;display:inline-block;width:60px;height: 35px;line-height: 35px;font-size:14px;color: #5c5c5c;background: #ffffff;z-index: 100;text-align: left;text-transform:uppercase;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} .fwlc_box ul li:hover span{color: #ed4237;} .fwlc_box ul li:before{content:"";position:absolute;width:5px;height:5px;left: 229px;top: 52px;background:#d0d0d1;-moz-border-radius:2.5px;-webkit-border-radius:2.5px;border-radius:2.5px;z-index: 1000;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} .fwlc_box ul li:after{content:"";position:absolute;width:5px;height:5px;left: 230px;top: 87px;background:#d0d0d1;-moz-border-radius:2.5px;-webkit-border-radius:2.5px;border-radius:2.5px;z-index: 1000;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} .fwlc_box ul li:hover:after{ background:#eb3e4c} .fwlc_box ul li:hover:before{ background:#eb3e4c; transition-delay:2s} .fwlc_box ul li h4{font-size: 16px;color: #3d3d3d;margin-bottom: 10px; } .fwlc_box ul li h5{font-size:12px;color:#999;line-height: 22px; font-weight:normal;text-transform: uppercase; } .s_more {display: block;margin: 30px auto 0 auto;color: #fff;font-size: 16px; text-align: center; border-radius:44px;width: 255px; height:44px;line-height:44px; background:#2F82FF; transition:0.3s all;} .s_more:hover{color:#fff; background:#D92129;} /*专业规范账目清晰*/ .youshi_bg{padding: 5px 0 84px;background: #f4f9fc;overflow: hidden;border-top: #eaedf0 1px solid;min-width:1200px;} .zmqx{} .zmqx li{width:285px; border:solid 1px #ddd; box-sizing:border-box; height:355px; background:#fff; position:relative; margin-right:20px; float:left; transition:0.3s all;} .zmqx li:nth-child(4){margin-right:0;} .zmqx li .pic{overflow:hidden;} .zmqx li .pic img{width:100%;} .zmqx li h5{width: 100%; height: 95px;background: url(../images/dljz-bg-wj.png) center no-repeat; position: absolute;font-size: 20px; text-align: center;line-height: 80px; left: 0; bottom: 95px;color: #fff;} .zmqx li p { color: #666; margin-top: 70px; text-align: center;line-height: 2;} .zmqx li:hover{ background:#f8f8f8;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);} /*税收筹划*/ /*页面表单*/ .page_form {width:1200px; margin:auto; height:62px;} .page_form .form_item .input {position: relative;float: left;} .page_form .form_item .input i{ width:1px; height:20px; background:#ccc; position:absolute; right:0px; top:22px;} .page_form .form_item input {display: block; height:60px;width: 340px;padding-left: 50px; border: 2px solid #2F82FF; border-right:none; box-sizing:border-box; outline:none;} .page_form .form_item .input_msg {background: url(../images/dljz-icon-msg.png) 15px 50% no-repeat;} .page_form .form_item .input_name {background: url(../images/dljz-icon-name.png) 15px 50% no-repeat;border-left: none;} .page_form .form_item .input_phone {background: url(../images/dljz-icon-phone.png) 15px 50% no-repeat;border-left: none;} .page_form .form_item .input_submit {width:180px;background: #2F82FF; font-size: 18px;border-color:#2F82FF;height:60px;color: #fff; cursor:pointer; padding-left:0px;} .page_form .form_item .input_submit:active{opacity: 0.8;} /*纳税筹划*/ .nsch_box1{} .nsch_box1 li{float:left;width:18%; margin:0 1%; border:solid 1px #e8e8e8; box-sizing:border-box; border-radius:10px 10px 0 0; background:#fff;overflow:hidden;text-align:center; position:relative; transition:0.3s all;} .nsch_box1 li .pic{ overflow:hidden;} .nsch_box1 li .pic img{width:100%; display:block;} .nsch_box1 li .txt{ border-top:0; padding-top:28px; padding-bottom:25px;} .nsch_box1 li .txt h3 {font-size: 20px; padding-bottom: 36px; background: url(../images/nsch_box1_bg.png) center 40px no-repeat; font-weight:normal;} .nsch_box1 li .txt p {line-height: 20px;height: 40px; overflow: hidden; color: #888; margin-bottom: 25px;} .nsch_box1 li .txt a {display: inline-block;width: 140px;height: 36px;line-height: 36px; text-align: center; color: #78787b; background: #edf1f5; border-radius: 36px; margin: 0 auto; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .nsch_box1 li .txt a:hover{ background:#5b77f1; color:#fff;} .nsch_box1 li:hover{ box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);} .nsch_box2{ position: relative; height: 620px;} .nsch_box2 .about_bg{width: 100%;height: 100%; background:rgba(0,0,0,0.08); text-align:center; color:#fff;} .nsch_box2 .about_img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background:url(../images/page_about03.jpg) no-repeat center center fixed ; background-size:cover; z-index:-1;} /*税收筹划开始*/ .ssch li{width:46%;height:400px;background:#fff; border-radius:5px; overflow:hidden;} .ssch_bg{width:100%;height:150px;background:url(../images/ssch_case1.png) no-repeat center;} .ssch_bg1{width:100%;height:150px;background:url(../images/ssch_case2.png) no-repeat center;} .ssch_bg h5{padding-top: 15px;font-size: 20px;line-height: 58px;color: #ffffff;font-weight: bold;text-align:center;} .ssch_bg p{font-size: 14px;line-height: 26px;color: #ffffff;padding: 0 60px;text-align:center;} .ssch_bg1 h5{padding-top: 15px;font-size: 20px;line-height: 58px;color: #ffffff;font-weight: bold;text-align:center;} .ssch_bg1 p{font-size: 14px;line-height: 26px;color: #ffffff;padding: 0 60px;text-align:center;} .ssch_case{height:222px; padding:35px 25px;} .ssch_case li{width:30.3%; margin:8px 1.5%; height:40px;float:left; border-radius:3px;background:#fef2f1; text-align:center;} .ssch_case li a{color:#ff5a4d;line-height:40px;text-align:center;display:block;width:100%;height:40px;border-radius:2px;} .ssch_case li a:hover {background:#ff5a4d;color:#fff;} .ssch_case1{height:222px; padding:35px 25px;} .ssch_case1 li{width:30.3%; margin:8px 1.5%; height:40px;float:left; border-radius:3px;background:#ecf7ff; text-align:center;} .ssch_case1 li a{color:#2faaff;line-height:40px;text-align:center; display:block;width:100%;height:40px;border-radius:2px;} .ssch_case1 li a:hover {background:#2faaff;color:#fff;} /*税收筹划服务案例*/ .fw_case li{width:40%;height:230px;background:#f7f7f9;float:left;border-radius: 116px 116px 116px 0;margin-left:80px;margin-bottom:25px;} .fw_case .case_title{font-size: 20px;line-height: 50px; padding-top: 18px;text-align: center;font-weight:normal;display:block;} .fw_case .cont {font-size: 15px;line-height: 28px; color: #333;padding-left:40px;padding-right:28px;} .fw_case .ck{display:block;float:left;margin-left:800px;color:#FF3366;} /*专属定制解决方案*/ .nsch_box4{} .nsch_box4 ul{ overflow:hidden;} .nsch_box4 ul li{ float:left; width:20%; padding:0 8px; box-sizing:border-box; position:relative; text-align:center} .nsch_box4 ul li:before{ content:""; position:absolute; left:50%; top:20%; width:1px; height:54px; background:rgba(255,255,255,0.7)} .nsch_box4 ul li .img,.nsch_box4 ul li .img img{ width:100%; display:block;} .nsch_box4 ul li .con{ position:absolute; left:8px; right:8px; top:0; height:100%; padding:60% 0 0} .nsch_box4 ul li .con h3{ font-size:26px; color:#ffffff; margin-bottom:20px; font-weight:normal;} .nsch_box4 ul li .con p{ line-height:24px; color:rgba(255,255,255,0.7); -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; height:48px;} .nsch_box4 ul li .con a{ display:inline-block; width:123px; height:40px; line-height:40px; background:#fff; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; color:#3b8cde; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0; height:0; overflow:hidden} .nsch_box4 ul li:hover .con p{filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0; height:0; overflow:hidden} .nsch_box4 ul li:hover .con a{filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1; height:40px;} .nsch_box4 ul li:hover .img{ background:#3b8cde} .nsch_box4 ul li:hover .img img{ filter:alpha(opacity=10); opacity:0.1; -moz-opacity:0.1; -khtml-opacity:0.1;} .nsch_box4_more {margin:auto;width: 537px;height: 65px;line-height: 61px;border-radius: 32px; border: #dcdcdc 2px solid;box-sizing: border-box; position:relative;} .nsch_box4_more .tel {font-size: 28px; color: #3b8cde;float: left;width: 344px; text-align:center;} .nsch_box4_more a { display: inline-block;float: right;width: 178px; height: 63px;line-height: 63px;font-size: 18px;color: #fff;background: #3b8cde; border-radius: 0; z-index: 100; margin:-2px -2px 0 0;border-top-right-radius: 32px;border-bottom-right-radius: 32px;} .nsch_box6 li {float: left;width: 360px;height: 150px;background:#fff; margin:0 60px 25px 0; border-radius:5px; transition:0.3s all; border:solid 1px #e8e8e8; box-sizing:border-box;} .nsch_box6 li:hover{ background:#f8f8f8; color:#fff;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);} .nsch_box6 li:nth-child(3n){margin-right:0;} .nsch_box6 li i {width: 100%;height: 76px;display: block;} .nsch_box6 li h2 {font-size: 20px;color: #333; text-align: center;} .nsch_box6 li p { font-size: 12px;color: #333;text-align: center;padding-top: 10px;} /*审计服务*/ /*所需要的资料模块*/ .bule{width:280px;height:110px;background: linear-gradient(135deg, #5396ff 0%, #66ceff 98%);float:left;margin:10px 10px;border-radius:5px;} .purple{width:280px;height:110px;background: linear-gradient(109deg, #8e65ff 0%, #c377ff 100%);float:left;margin:10px 10px;border-radius:5px;} .white{width:580px;height:110px;background:#fff;float:left;margin:10px 10px;border-radius:5px;} .point{display:block;width:8px;height:8px;border-radius:50%;background:#FFFFFF;float:left;margin:40px 10px 20px 20px;} .text_bt1{display:block;font-size:18px;font-weight:normal;color:#fff;margin-top:30px;} .text_bt2{font-size:14px;font-weight:normal;color:#fff;line-height:32px;} /*财税专家模块*/ .cszj li{width:30.3%; margin:0 1.5%;height:430px;float:left; background:#fff;border-radius:5px; box-shadow: 0 0 50px rgba(187,186,207,.3);} .cszj li img{width:100%;height:210px;overflow:hidden;} .cszj li .name{font-size:18px;margin-left:45px;font-weight:normal;line-height:70px;color:#333;} .cszj li .position{font-size: 15px;margin-left: 10px;font-weight: normal;color:#333;} .cszj li .grjj{width:280px;background:130px;margin:0 auto;font-weight:normal;font-size:14px;line-height:26px;color:#999;margin-top:-10px;} /*高新认定开始*/ .page_ban .pcont {width: 620px;height: 52px;margin: 200px auto 50px;background-color: rgba(255,255,255,0.2);border-radius: 8px;font-size: 18px;line-height: 52px;color: #fff;text-align: center;} .page_ban .pcont span {display: inline-block;vertical-align: middle;width: 9px;height: 9px;border-radius: 50%;background-color: #04d298;margin: 0 12px;} .gxrd_table{width:760px;height:60px;margin:0 auto;position:relative; margin-top:20px;} .gxrd_table li{float:left;} .gxrd_table li input{height:59px;background:#FFFFFF;border:none;color:#333;text-indent:24px; font-size:15px; font-family:"微软雅黑"; outline:none;} .gxrd_table .gxrd_dj{background: -webkit-gradient(linear, left top, right top, from(#4facfe), to(#00f1fe));color:#fff;font-size:16px;cursor: pointer} .gxrd_table .gxrd_dj:active{opacity: 0.8;} .gxrd_table .gxrd_hx{display:block;width:1px;height:20px;background:#ccc;position:absolute;top:20px;left:270px;} .gxrd_dy{width:90%;height:90px;background:#f4f7fb;border-radius:5px;margin:auto;} .gxrd_dy p{ont-size: 13px;line-height: 24px;color: #3e444f;padding:20px 38px;text-align: center;} /*高新认定的好处*/ .gxrd_youshi li{width:31.3%; margin:0 1% 20px 1%;height:180px; float:left; padding:25px; box-sizing:border-box; border-radius:5px;} .gxrd_youshi li img{width:94px;height:94px;float:left;overflow:hidden;} .advantage{display:block;height:94px;width:70%;float:right;} .gxrd_youshi .advantage b{font-size: 18px;line-height: 38px;color: #fff; margin-bottom: 4px;font-weight:normal;padding-left:20px;} .gxrd_youshi .advantage p{ line-height: 26px;color: rgba(255,255,255,0.8);padding-left:20px;} .gxrd_youshi li:nth-child(1){ background:#e45957;} .gxrd_youshi li:nth-child(2){ background:#ea8f25;} .gxrd_youshi li:nth-child(3){ background:#844ef3;} .gxrd_youshi li:nth-child(4){ background:#6f6ef7;} .gxrd_youshi li:nth-child(5){ background:#2fb9c9;} .gxrd_youshi li:nth-child(6){ background:#2fc675;} /*国家高新技术企业认定条件*/ .gxrd_left{width:40%;height:300px;float:left;} .gxrd_left .left_term li{float:left;margin-left:21px;margin-top:20px;border-radius: 8px;} .gxrd_left .left_term li p{padding: 40px 25px 0;font-size: 17px;line-height: 30px;color: #fff;text-align:center;} .gxrd_right{width:55%;float:right;} .gxrd_right .right_term li{width:20%;height:143px;float:left;margin-left:27px;} .gxrd_right .right_term li img{width:62%;height:58%;overflow:hidden;float:left;margin-left:25px;} .gxrd_right .right_term li span{width:100%;display:block;float:left;font-size: 14px;line-height: 20px;color: #3e444f;font-weight:normal;text-align:center;margin-top:20px;} /*青藤智企服务优势*/ .gxrd_service li{float:left;width:23%;height:286px;box-shadow: 0 0 10px rgba(204,204,204,0.5);background:#fff;margin-left:20px; } .gxrd_service li img{width:66px;height:66px;margin: 30px 100px;} .gxrd_service li b{display:block;font-size: 17px;line-height: 20px;color: #333;margin-bottom: 18px;font-weight:normal;text-align:center;} .gxrd_service li p{font-size: 13px;line-height: 24px;color: #666;padding: 0 34px;text-align:center;} /*新闻资讯*/ /*焦点图*/ .newbg_left{width:830px;height:360px;float:left; overflow:hidden;} #newbanner {width:830px; position:relative; z-index:9;} #newbanner .swiper-slide{ overflow:hidden; position:relative; height:360px;} /*分页器*/ #newbanner .swiper-pagination-bullet{width: 10px;height: 10px; display: inline-block; border-radius: 50%; background:rgba(255,255,255,0.36); transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; opacity: 1.0;} #newbanner .swiper-pagination-bullet-active{background:rgba(255,255,255,0.8);color: #fff;width: 33px;border-radius: 30px;opacity: 1.0;} #newbanner .swiper-pagination{bottom:25px;} /*banner右侧开始表单*/ .newbg_right{width:350px;height:360px;background:url(../images/im_bg_jsfwtd.png) no-repeat center;float:right;} .new_table {display:block;width:350px;height:80px;margin-top:20px;} .new_table h6{font-size: 23px;line-height: 80px;color: #ffffff;text-align: center;font-weight:normal;} .new_table1{width:350px;height:150px;} .new_table1 li{width:350px;height:49px;} .new_table1 li input{border: none;line-height: 46px;width: 85%; height: 46px;border-radius: 3px;background: #ffffff;margin-left:26px; outline:none; padding-left:20px; box-sizing:border-box;} .new_table1 #btn {border: none;line-height: 46px;width: 85%; height: 46px; cursor:pointer;border-radius: 3px;background: -webkit-gradient(linear, left top, right top, from(#f7cd6e), to(#ff8f2c));padding-left:0px; color: #fff;margin-left:26px;font-size:18px;} .new_table1 #btn:active{opacity: 0.8;} /*新闻内容左边开始*/ .new_list{width:830px; float:left; } .new_title{display:block; font-size: 22px; font-weight: bold;margin-top:35px;} .new_title span{margin-right:25px;} .new_title a{font-size:16px; font-weight:normal; border-radius:20px; padding:5px 15px;} .new_title a.currclass{ background:#2faaff; color:#fff; } .new_list li{height:160px;margin:40px 0;} .news_img{width:260px;height:160px;float:left; overflow:hidden; background:#000;} .news_img img{max-height:100%;min-width:100%; opacity:0.9;} .new_content{width:540px; float:right;} #new_biaoti{display:block;font-size:18px;margin-top:15px; font-weight:bold;} .new_content p{height: 56px;font-size: 13px;line-height: 28px;color: #666666;margin: 10px 0;display: block;overflow: hidden;} .new_time{display:block; height:28px;} .new_time b{ font-size: 13px;line-height: 28px;color: #666666;font-weight:normal;} .new_content b em{float: right; font-style:normal;} /*新闻内容右边开始*/ .new_list2{width:350px; float:right;margin-top:20px;} .new_rmfw{height:30px;margin-top:30px;} .new_rmfw span{display:block;width: 4px;height: 30px;background: #30c8c6;float:left;} .new_rmfw b{font-size: 23px;line-height: 30px;color: #333333;font-weight: bold;padding-left:20px;} .rmfw_img { position: relative; width: 100%;height: 238px;border-radius: 3px;background-color: #000;top:20px;} .rmfw_img img {position: relative;width: 100%;height: 100%; } .wbox {width: 100%;height: auto;border-radius: 0;background-color: rgba(0, 0, 0, 0.6);position: absolute; bottom: 0;left: 0;} .wbox p {font-size: 15px;line-height: 24px;color: #ffffff;padding: 16px 24px;} .wbox p a {color: #ffffff;} .wbox p :hover {color:#30c8c6;} /*时间线*/ .timeline {position: relative;width:350px;top:20px;} .timeline li {position: relative;z-index: 1;height: 70px;padding-left: 45px;margin-top:15px;} .timeline li .tit {font-size: 13px;line-height: 22px;color: #333333;margin-bottom: 8px;} .sel {color: #30c8c6;text-decoration: underline;} .timeline li p {font-size: 13px;line-height: 22px;color: #666666;} .timeline li:before {content: '';width: 10px;height: 10px;border-radius: 50%;background-color: #ffffff;border: 3px solid #b4ebea;position: absolute;left: 12px;top: 2px;} .timeline .line {width: 0;height: 76%;border-radius: 0;background-color: #ffffff;border: 1px dashed #b4ebea;position: absolute;left: 19px;top: 10px;} /*正方形广告*/ .ad{width:350px;height:200px;margin-top:60px;border-radius:4px;background:#CC6699;} .ad img{width:350px;height:200px;border-radius:4px;} .tjwz li{height:88px;margin-top:20px;} .tjwz_img{width:130px;height:88px;border-radius:0px;overflow:hidden;float:left; background:#000;} .tjwz_img img{max-height:100%;min-width:100%; opacity:0.9; display:block;} .tjwz b{display:block;width:198px;height:44px;float:right;font-size: 14px;line-height: 22px;color: #333333;font-weight:normal;margin-bottom:5px;margin-top:10px;} .tjwz em{font-style:normal;font-size:13px;padding-left:20px;color:#666666;} /*分页2*/ .mypage_2{font-size: 0;text-align: center;overflow: hidden;} .mypage_2 > *{ box-sizing:border-box;color: #666;width: 42px;height: 42px;line-height: 40px;background: #fff; border:solid 1px #e8e8e8; border-left:0;} .mypage_2 a, .mypage_2 .curr{font-family: arial;font-size: 16px;display: inline-block;vertical-align: top;} .mypage_2 .curr,.mypage_2 a:hover{background-color: #eee; color:#666;} .mypage_2 .pre,.mypage_2 .nex{font-size: 12px;font-family: "microsoft yahei";width: 64px;text-align: center;} .mypage_2 > *:first-child,.mypage_2 > *:last-child{font-size: 12px; width: 74px;text-align: left;background-repeat: no-repeat;} .mypage_2 > *:first-child {padding-left: 26px;border-left: solid 1px #e8e8e8;background-position: 12px center;background-image: url(../images/pre_pic.png); border-bottom-left-radius:5px;border-top-left-radius:5px;} .mypage_2 > *:last-child {padding-left: 12px;background-position: 47px center;background-image: url(../images/nex_pic.png);border-bottom-right-radius:5px;border-top-right-radius:5px;} /*新闻内容页开始*/ .weizhi{min-width:1200px;line-height:60px;background:#f5f5f5;} /*新闻内容页左边*/ .page_main{width:820px; float:left;} /*==============新闻详情=====================*/ .n_article { min-height:730px; padding-top:50px;} .n_article .ar_title{ padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #eee; } .n_article .ar_title h1{ font-size:25px ; padding-bottom:25px;} .items_time{color:#999;font-size:13px;font-weight:normal;} .items_time span{color:#ddd;margin-left:10px;} .items_time em{font-style:normal;padding-left:10px;} .n_article .info{ font-size:13px; color:#888; line-height:30px; margin-bottom:25px;} .n_article .ar_article{font-size:15px; line-height: 30px; min-height:160px; margin-top:25px; color:#555;} .n_article .ar_article p{font-size:15px; padding-bottom: 15px; text-indent:2em;} .n_article .ar_article img{max-width: 90%;} .xg_news{ margin-top:50px;} .xg_news li{width:260px; float:left; margin-right:20px;} .xg_news li:nth-child(3n){margin-right:0;} .xg_news li .pic{width:100%; height:160px; overflow:hidden; background:#000; margin-bottom:10px;} .xg_news li .pic img{max-height:100%;min-width:100%; opacity:0.9; display:block;} .xg_news li p{line-height:22px;} /* 企业核名 */ .qyhm_title{line-height: 120px;color: #fff;font-size: 46px;padding-top:50px;} .qyhm_intro{line-height: 40px;text-align: center;color: #fff;font-size: 24px;} .qyhm_intro strong{color: #fe9f2a;font-weight: normal;} .qyhm_hint{text-align: center;color: #fff;font-size: 14px;} .form-wrapper{ width: 988px;height: 50px;margin: 50px auto 30px; padding: 10px; background-color: rgba(36, 40, 55, .3); border-radius: 10px;} .form-wrapper input,.form-wrapper select{outline:none;} .citySelector {font: 12px/1.5 tahoma, arial, \5b8b\4f53;background: #fff;border-radius: 5px;text-align: left;-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);-ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);-o-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);} #xiala {font-family:'微软雅黑'; background: #fff; border-radius: 5px; text-align: left;-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);-ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);-o-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);height: 50px;width:160px;color: #888;text-indent:12px;} .city-input, .firm-name{margin-right: 6px;} .city-input .cityinput{width: 160px;height: 50px; background: url(../images/banner-icons.png) no-repeat 20px -2px #fff;border-radius: 5px;border: none;padding: 0;text-indent: 46px;} .firm-name{width: 180px;height: 50px;padding: 0 14px 0 46px;background: url(../images/banner-icons.png) no-repeat 20px -64px #fff;border-radius: 5px;} .firm-name input{width: 180px;height: 50px;border: none;padding: 0;} .industry-name{background: url(../images/banner-icons.png) no-repeat 20px -125px #fff;} .form-wrapper .input-btn{width: 160px;height: 50px;line-height: 50px;background-color: #fe9f2a;border-radius: 5px;border: none;color: #fff;font-size: 16px;font-weight: bold;cursor:pointer;:} /*注意事项*/ .gxrd_service li{float:left;width:23%;height:286px;box-shadow: 2px 2px 10px rgba(40, 85, 166, 0.3);background:#fff;margin-left:20px;margin-bottom:30px;} .gxrd_service li img{width:66px;height:66px;margin: 30px 100px;} .gxrd_service li b{display:block;font-size: 17px;line-height: 20px;color: #333;margin-bottom: 18px;font-weight:normal;text-align:center;} .gxrd_service li p{font-size: 13px;line-height: 24px;color: #666;padding: 0 34px;text-align:center;} /*知产商标*/ /*查询*/ .chaxun{width:720px; height:380px; position:absolute; top:125px; left:50%; margin-left:-260px;} .chaxun h5{font-size:48px; color:#fff; text-align:center; margin-bottom:15px;} .chaxun h6{font-size:24px; text-align:center; color:#fff; font-weight:normal; margin-bottom:25px;} .banner-search-box{padding: 1px;width:572px;box-sizing: border-box;margin: 0 auto;} .banner-search-box input{padding-left: 12px;width: 400px;font-size: 16px;color: #999; float:left;height: 52px;line-height: 52px;border: 0 none;box-sizing: border-box; outline: none;} .banner-search-box a{display: inline-block;height: 52px;font-size: 16px;line-height: 52px;background-color: #df1344;width: 170px;color: #fff;box-sizing: border-box; text-align: center;} /*弹出表单*/ .popup_box{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;z-index: 100;display:none;} .popup{width: 400px;height: 440px;background: #fff;border-top: 4px solid #df1344;position: absolute;top: 50%;left: 50%; margin-top: -220px;margin-left: -200px;padding: 0 20px;box-sizing: border-box;} .popup h1{text-align: center;font-size: 25px;margin: 20px 20px 0;padding-bottom: 10px;border-bottom: 1px solid #e2e2e2;line-height: 24px;} .d_tips {text-align: center;margin: 10px 0 30px;} .popup_hang1{ margin-left: 30px;margin-bottom: 20px;} .popup_hang1 span{font-size: 12px;color: #333;} .popup_hang1 span.hang_r{ margin-left: 10px;} .popup_hang1 input,.popup_hang1 select{margin-left: 10px;box-sizing: border-box; line-height: 30px;width: 200px;text-indent: 10px;padding: 0;height: 30px;vertical-align:middle;} .popup_hang1 select{ margin-left: 6px;} .popup_hang1 input.check{ width: 16px;height: 16px;margin-left: 70px;} .sure{display: block;background-color: #df1344;font-size: 16px;color: #fff;text-align: center;width: 220px;height: 36px;line-height: 36px;margin: 0 auto;border-radius: 2px; border: none;} .close{width: 25px;height: 25px;display: block;background: url("../images/close.png") no-repeat center;position: absolute;top: 10px;right: 10px;} .sure:active{opacity: 0.8;} /*商标注册*/ .sbzc_box1{} .sbzc_box1 li{float:left; text-align:center; width:27.3%; margin:0 3%;transition: 0.3s all; box-sizing:border-box; border:solid 1px #e9e9e9; border-radius:10px;box-shadow: 0 0 2px rgba(187,186,207,.3);} .sbzc_box1 li .pic{margin:25px 0 15px 0; transition:0.3s all;} .sbzc_box1 li .pic img{ height:66px;} .sbzc_box1 li h3{font-size:20px; margin-bottom:10px; font-weight:normal;} .sbzc_box1 li h5{font-size:25px; margin-bottom:15px; font-weight:normal; color:#f30;} .sbzc_box1 li p{ color:#666; font-size:14px; line-height:24px; margin-bottom:30px;} .sbzc_box2{} .sbzc_box2 li{width:15.6%; margin:0 0.5%; float:left; text-align:center; background:#fff; border-radius:8px; padding:25px 0;} .sbzc_box2 li img{height:50px; margin-bottom:15px;} .sbzc_box2 li h3{font-size:20px; font-weight:normal; line-height:46px;} .sbzc_box2 li p{color:#666; font-size:12px;} .sbzc_box2 li .price{color:#666; margin-top:25px;} .sbzc_box2 li .price span{font-size:25px; color:#df1344;} /*知识产权*/ .zl_box1{} .zl_box1 .side{float:left; background:url(../images/zl_bg1.jpg) no-repeat; width:272px; height:346px; overflow:hidden;padding: 39px 20px 0 25px; box-sizing:border-box;} .zl_box1 .side h3{font-size: 32px;margin-bottom: 18px;letter-spacing: 2px; color: #04b398} .zl_box1 .side p{line-height:1.6; color: #04b398} .zl_box1 .main_con{ width:928px; float:right;} .zl_box1 .main_con li{width:294px; height:346px;overflow:hidden; margin-left:15px; position:relative; float:left; text-align:center;} .zl_box1 .main_con li section{display:block; width:100%; height:100%;border:solid 1px #e8e8e8; box-sizing:border-box; padding:35px 20px 0 20px;} .zl_box1 .main_con li .pic{height:80px; text-align:center; margin-bottom:25px;} .zl_box1 .main_con li .pic img{height:100%;} .zl_box1 .main_con li h3{font-size:20px; transition:0.3s all; margin-bottom:15px;} .zl_box1 .main_con li p{font-size:12px; line-height:22px; margin-bottom:30px; color:#999; height:66px;} .zl_box1 .main_con li a{min-width:130px; line-height:32px; overflow:hidden; background:#f8f8f8; border:solid 1px #ccc; display:inline-block; border-radius:52px; text-align:center; color:#666; transition:0.3s all; position:relative;} .zl_box1 .main_con li a:hover{border:solid 1px #04b398; background:#04b398; color:#fff;} .animate-line i{position:absolute;display:inline-block;background:linear-gradient(to left,#4abf9f,#4abf9f);transition:all .5s linear} .animate-line .top{width:0;height:2px;top:0;left:0} .animate-line .bottom{width:0;height:2px;bottom:0px;left:0} .animate-line .left{width:2px;height:0;top:0;left:0} .animate-line .right{width:2px;height:0;top:0;right:0} .zl_box1 li:hover .top{width:300px} .zl_box1 li:hover .left{height:346px} .zl_box1 li:hover .bottom{width:300px} .zl_box1 li:hover .right{height:346px} .zl_box2{} .zl_box2 .side{float:left; background:url(../images/zl_bg2.jpg) no-repeat; width:272px; height:346px; overflow:hidden;padding: 39px 20px 0 25px; box-sizing:border-box;} .zl_box2 .side h3{font-size: 32px;margin-bottom: 18px; color:#f69000} .zl_box2 .side p{line-height:1.6; color: #f69000} .zl_box2 .main_con{ width:928px; float:right;} .zl_box2 .main_con li{width:294px; height:165.5px;padding: 30px 18px 0 30px; box-sizing:border-box;overflow:hidden; margin:0 0 15px 15px; position:relative; float:left; background:#fff; transition:0.3s all;} .zl_box2 .main_con li h3{font-size:20px; transition:0.3s all; margin-bottom:15px;} .zl_box2 .main_con li p{font-size:14px; line-height:22px; color:#666;} .zl_box2 .main_con li .price{ font-size:14px; color: #f60; position:absolute; left:30px; bottom:20px;} .zl_box2 .main_con li span{ font-size:20px;} .zl_box2 .main_con li:hover{box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);} /*资质代办*/ .zz_form{width:310px; height:330px; background:#fff; position:absolute; right:0; top:45px; padding:25px 20px; box-sizing:border-box; border-radius:5px;} .zz_form h5{ font-size:20px; text-align:center; margin-bottom:15px;} .zz_form span{ margin-top:15px; display:block;} .zz_form input{outline:none;height:45px; line-height:45px; font-size:15px; border:0; box-sizing:border-box; border-radius:5px; background:#f3f3f3; padding-left:20px; width:100%;} .zz_form .zz_btn{ background:#FF6270; width:270px; height:50px; font-size:16px; color:#FFF; cursor:pointer;background: -webkit-gradient(linear, left top, right top, from(#ffcb5b), to(#ff8800)); background: linear-gradient(left, #ffcb5b, #ff8800);} .zz_form .zz_btn:active{opacity: 0.8;} /*资质办理优势部分*/ .zzbl_youshi li{float:left;width:25%;height:125px;} .zzbl_youshi li img{float:left;margin-left:30px;margin-top:35px;width:48px;height:48px;} .youshi_wz{display:block;width:200px;height:48px;float:right;margin-top:35px;} .youshi_wz b{font-size:18px;color:#333333;font-weight:normal;} .youshi_wz p{font-size:14px;color:#333333;padding-top:5px;} /*资质代办类型介绍*/ .zzdb_bg{ min-width:1200px;height:580px;background:#eaf2ff;margin:0 auto;} /*资质代办类型左边通用*/ .zzdb_left{width:23%;height:366px;background:url(../images/zzdb_left1.jpg) no-repeat center;float:left;} .zzdb_bg .zzdb_left h2{line-height: 30px;color: #fff;font-size: 30px;text-align:center;font-weight:normal;padding-top:80px;} .zzdb_bg .zzdb_left span{display:block;width:50px;height:2px;background:#fff;opacity:0.7;margin:20px 52px;} .zzdb_bg .zzdb_left p{font-size:14px;color:#fff;line-height:30px;padding-right:30px;padding-left:50px;} .zzdb_bg .zzdb_left a{display:block;width:160px;height:48px;border:1px solid #fff;border-radius:4px;margin:60px auto;color:#fff;font-size:16px;font-weight:bold;text-align:center;line-height:48px;} /*食品行业资质代办类型*/ .zzdb_foods{width:76%;height:366px;float:right;} .zzdb_foods li{width:32.5%;height:178px;background:#fff;float:left;margin-left:10px;} .zzdb_foods .food1{margin-left:0px;background:url(../images/foods_bg1.jpg) no-repeat right bottom #fff;} .zzdb_foods .food2{background:url(../images/foods_bg2.jpg) no-repeat right bottom #fff;} .zzdb_foods .food3{background:url(../images/foods_bg3.jpg) no-repeat right bottom #fff;} .zzdb_foods .food4{margin-left:0px;margin-top:10px;background:url(../images/foods_bg4.jpg) no-repeat right bottom #fff;} .zzdb_foods .food5{margin-top:10px;background:url(../images/foods_bg5.jpg) no-repeat right bottom #fff;} .zzdb_foods .food6{margin-top:10px;background:url(../images/jiantou.png) no-repeat 170px center #fff;} .zzdb_foods li h3{line-height: 30px;font-size: 16px;color: #233767;font-weight:normal;margin-left:30px;margin-top:30px;} .zzdb_foods li p{line-height: 24px;color: #888;margin-left:30px;margin-top:5px;font-size:13px;} .zzdb_foods li b{font-size:16px;color:#F03;margin-left:30px;line-height:50px;} .zzdb_foods .food6 .food_more{line-height: 30px;font-size: 18px;color: #233767;font-weight: 400;margin-left:60px;margin-top:67px;} .zzdb_foods .food6 .food_more1{color: #999;line-height: 26px;margin-left:65px;font-weight:normal;font-size:14px;} /*建筑行业资质代办*/ .zzdb_foods .food7{margin-left:0px;background:url(../images/bulid_bg1.jpg) no-repeat right bottom #fff;} .zzdb_foods .food8{background:url(../images/bulid_bg2.jpg) no-repeat right bottom #fff;} .zzdb_foods .food9{background:url(../images/bulid_bg3.jpg) no-repeat right bottom #fff;} .zzdb_foods .food10{margin-left:0px;margin-top:10px;background:url(../images/bulid_bg4.jpg) no-repeat right bottom #fff;width:66%;} /*电商行业资质代办*/ .zzdb_foods .food11{margin-left:0px;background:url(../images/onlie-bag1.jpg) no-repeat right bottom #fff;} .zzdb_foods .food12{background:url(../images/onlie-bag2.jpg) no-repeat right bottom #fff;} .zzdb_foods .food13{background:url(../images/onlie-bag3.jpg) no-repeat right bottom #fff;} .zzdb_foods .food14{margin-left:0px;margin-top:10px;background:url(../images/onlie-bag4.jpg) no-repeat right bottom #fff;} .zzdb_foods .food15{margin-top:10px;background:url(../images/onlie-bag5.jpg) no-repeat right bottom #fff;} .zzdb_foods .food16{margin-top:10px;background:url(../images/onlie-bag6.jpg) no-repeat right bottom #fff;} /*网络游戏行业资质代办*/ .zzdb_foods .food17{margin-left:0px;background:url(../images/onlie-bag1.jpg) no-repeat right bottom #fff;width:49%;} .zzdb_foods .food18{background:url(../images/onlie-bag2.jpg) no-repeat right bottom #fff;width:49%;} .zzdb_foods .food19{margin-left:0px;margin-top:10px;background:url(../images/onlie-bag3.jpg) no-repeat right bottom #fff;width:49%;} .zzdb_foods .food20{margin-top:10px;background:url(../images/onlie-bag4.jpg) no-repeat right bottom #fff;width:49%;} /*文化运营行业资质代办*/ .zzdb_foods .food21{margin-left:0px;background:url(../images/culture_bg1.jpg) no-repeat right bottom #fff;} .zzdb_foods .food22{background:url(../images/culture_bg2.jpg) no-repeat right bottom #fff;} .zzdb_foods .food23{background:url(../images/culture_bg3.jpg) no-repeat right bottom #fff;} .zzdb_foods .food24{margin-left:0px;margin-top:10px;background:url(../images/culture_bg4.jpg) no-repeat right bottom #fff;width:66%;} /*其他行业资质代办*/ /*左边*/ .qthy_left{width:23%;height:230px;background:url(../images/zzdb_left6.jpg) no-repeat center;float:left;margin-top:50px;} .zzdb_bg .qthy_left h2{line-height: 30px;color: #fff;font-size: 30px;text-align:center;font-weight:normal;padding-top:30px;} .zzdb_bg .qthy_left span{display:block;width:50px;height:2px;background:#fff;opacity:0.7;margin:20px 52px;} .zzdb_bg .qthy_left p{font-size:14px;color:#fff;line-height:10px;padding-right:30px;padding-left:50px;} .zzdb_bg .qthy_left a{display:block;width:160px;height:48px;border:1px solid #fff;border-radius:4px;margin:60px auto;color:#fff;font-size:16px;font-weight:bold;text-align:center;line-height:48px;} /*右边*/ .zzdb_qthy{width:76%;height:230px;float:right;} .zzdb_qthy li{width:24%;height:230px;background:#fff;float:left;margin-left:10px;margin-top:50px;} .zzdb_qthy .qt1{margin-left:0px;background:url(../images/qt_bg1.jpg) no-repeat right bottom #fff;} .zzdb_qthy .qt2{background:url(../images/qt_bg2.jpg) no-repeat right bottom #fff;} .zzdb_qthy .qt3{background:url(../images/qt_bg3.jpg) no-repeat right bottom #fff;} .zzdb_qthy .qt4{background:url(../images/qt_bg4.jpg) no-repeat right bottom #fff;} .zzdb_qthy li h3{line-height: 30px;font-size: 16px;color: #233767;font-weight:normal;margin-left:30px;margin-top:30px;} .zzdb_qthy li p{line-height: 24px;color: #888;margin-left:30px;margin-top:5px;font-size:13px;} .zzdb_qthy li b{font-size:16px;color:#F03;margin-left:30px;line-height:50px;} /*关于我们*/ .page_ban_about { position:relative;} .page_ban_about img{width:100%; display:block;} .page_ban_about .ico_about{background:url(../images/ico_about.png) no-repeat center 36px #fff; background-size:46px auto;} .page_ban_about .ico_contact{background:url(../images/0-0-0-0.jpg) no-repeat center 36px #146bbb;} .cname{width:127px; height:127px; border-radius:100%; position:absolute; z-index:8;left:50%; bottom:-63.5px; margin-left:-63.5px; text-align:center; line-height:160px; font-size:16px; color:#fff;} .cname:after{ content:""; width:127px; height:127px; background:rgba(20,107,187,0.1); animation:fd_sx1 1s linear infinite; display:block; border-radius:50%; position:absolute; top:0px; left:0; z-index:2;} .cname1{width:127px; height:127px; border-radius:100%; position:absolute; z-index:3;left:50%; bottom:-63.5px; margin-left:-63.5px;} .cname1:after{ content:""; width:127px; height:127px; background:rgba(20,107,187,0.2); animation:fd_sx1 2s linear infinite; display:block; border-radius:50%; position:absolute; top:0px; left:0; z-index:2;} .cname2{width:127px; height:127px; border-radius:100%; position:absolute; z-index:3;left:50%; bottom:-63.5px; margin-left:-63.5px;} .cname2:after{ content:""; width:127px; height:127px; background:rgba(20,107,187,0.3); animation:fd_sx1 3s linear infinite; display:block; border-radius:50%; position:absolute; top:0px; left:0; z-index:2;} @-webkit-keyframes fd_sx1{ 0%{-webkit-transform:scale(1.0);transform:scale(1.0)} 50%{-webkit-transform:scale(1.3);transform:scale(1.3);} 100%{-webkit-transform:scale(1.6);transform:scale(1.6);background:rgba(20,107,187,0.0);} } /*公司简介*/ .about2_img{width:460px; height:448px; border:solid 1px #ddd; position:relative; box-sizing:border-box;} .about2_img .img{ position:absolute; left:25px; top:25px; width:100%; height:100%;} .about2_img .img img{width:100%; height:100%; display:block;} .shipin_play{width:72px;height:72px; position:absolute; left:50%; margin-left:-10px; top:50%; margin-top:-10px; z-index:99; background:rgba(0,0,0,.45);border-radius: 50%;} .shipin_play img{transition: all 0.8s ease 0s; width:100%; height:100%;} .shipin_play img:hover{ cursor:pointer; transform:rotate(360deg); -ms-transform:rotate(360deg); /* IE 9 */ -moz-transform:rotate(360deg); /* Firefox */ -webkit-transform:rotate(360deg); /* Safari 和 Chrome */ -o-transform:rotate(360deg); /* Opera */ } .about_txt{ width:640px;} .about_txt h3{font-size:25px; margin-top:40px;} .about_txt h6{font-size:16px; font-weight:normal; color:#666; margin:5px 0 25px 0;} .about_txt p{line-height:28px; text-align:justify; margin-top:15px; color:#555;} /* 数字变换css */ .product-number-info {position: relative; background:rgba(255,255,255,0.66); height:120px; z-index:999;} .product-number-info .product-number-inner {width: 1200px; position:absolute;} .product-number-info ul {padding: 20px 0;} .q {zoom: 1; } .product-number-info li {float: left; width: 300px; padding-left:120px; height: 80px; border-left: 1px solid #ddd; box-sizing:border-box;} .product-number-info li.li-1{background:url(../images/youshi01.png) no-repeat 65px center;} .product-number-info li.li-2{background:url(../images/youshi02.png) no-repeat 50px center;} .product-number-info li.li-3{background:url(../images/youshi03.png) no-repeat 50px center;} .product-number-info li.li-4{background:url(../images/youshi04.png) no-repeat 45px center;} .product-number-info li:first-child { border: none;} .product-number-info li b {font-weight: 300;font-size: 36px;line-height: 1;display: inline-block;position: relative;margin: 10px 0 5px;} .product-number-info li p {font-size: 14px; color:#666;} .product-number-info li b i { font-style:normal; font-family:Impact; color:#146bbb;} .product-number-info li b sup {position: absolute;font-size: 20px; right: -20px;top: -3px; color:#146bbb;} .product-number-info li b span {position: absolute; font-weight:normal; color:#146bbb; font-size:14px; right: -30px;top: 18px;} /*服务范围*/ .page_fw{} .page_fw li{width:285px; line-height:108px; background:#fff; border-radius:5px; margin:0 20px 20px 0; font-size:20px; float:left; transition:0.3s all;} .page_fw li:nth-child(4n){margin-right:0;} .page_fw li:hover{ background:#fff;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);} .page_fw li>div{width:90px; height:108px; margin-left:25px; float:left;} .page_fw li:nth-child(1) div{background:url(../images/fw_03.png) no-repeat center; background-size:50px auto;} .page_fw li:nth-child(2) div{background:url(../images/icon_mfhm.png) no-repeat center; background-size:50px auto;} .page_fw li:nth-child(3) div{background:url(../images/fw_09.png) no-repeat center; background-size:50px auto;} .page_fw li:nth-child(4) div{background:url(../images/fw_11.png) no-repeat center; background-size:50px auto;} .page_fw li:nth-child(5) div{background:url(../images/gssj_ico1.png) no-repeat center; background-size:50px auto;} .page_fw li:nth-child(6) div{background:url(../images/fw_19.png) no-repeat center; background-size:50px auto;} .page_fw li:nth-child(7) div{background:url(../images/dljz_ico8.png) no-repeat center; background-size:50px auto;} .page_fw li:nth-child(8) div{background:url(../images/gssj_ico4.png) no-repeat center; background-size:50px auto;} .page_fw li:nth-child(9) div{background:url(../images/sbzc_ico1.png) no-repeat center; background-size:50px auto;} .page_fw li:nth-child(10) div{background:url(../images/fw_25.png) no-repeat center; background-size:50px auto;} .page_fw li:nth-child(11) div{background:url(../images/gssj_ico4.png) no-repeat center; background-size:50px auto;} .page_fw li:nth-child(12) div{background:url(../images/dljz_ico7.png) no-repeat center; background-size:50px auto;} /*服务保障*/ .page_bz{} .page_bz li{float: left; background: url(../images/bz_icon.png) no-repeat -21px -252px;text-align: center;width: 240px;} .page_bz li:first-child{ background:none;} .page_bz li .icon {width: 86px;height: 86px;display: inline-block;} .page_bz li .title{ font-size:18px; margin-bottom:5px;} .page_bz li .content{ color:#666;} /*企业文化*/ .qywh1{ border-bottom:solid 1px #ddd; padding-bottom:60px;} .qywh1 li{background:#f3f3f5; width:48%; float:left;} .qywh1 li:nth-child(2){float:right;} .qywh1 li .pic{float:left;} .qywh1 li .pic img{display:block;} .qywh1 li .txt{text-align:center;} .qywh1 li .txt h5{font-size:22px; padding:35px 0 15px 0;} .qywh1 li .txt p{line-height:28px; font-size:16px; color:#666;} .qywh2{} .qywh2 li{width:280px; float:left; margin-right:20px; position:relative; color:#fff; border-radius:5px; overflow:hidden;} .qywh2 li:nth-child(4n){ margin-right:0;} .qywh2 li .pic{ width:100%; height:100%; overflow:hidden;} .qywh2 li .pic img{width:100%; display:block;} .qywh2 li .txt{ text-align:center; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); box-sizing:border-box; padding-top:40%;transition: 0.3s all;} .qywh2 li .txt h5{font-size:24px; margin-bottom:20px;} .qywh2 li .txt h5:after{content:"";display: block;width:20px;background:rgba(255,255,255,0.5); height: 2px; margin:25px auto; } .qywh2 li .txt h6{font-size:16px; margin-bottom:20px;} .qywh2 li .txt p{font-size:14px; line-height:24px; padding:0 15px; color:rgba(255,255,255,0.8); transition: 0.3s all;opacity:0;filter:alpha(opacity=0);} .qywh2 li:hover .txt{background:rgba(0,0,0,0.6);padding-top:25%;} .qywh2 li:hover p{opacity:1;filter:alpha(opacity=100);} /*右侧浮动*/ .circle {width: 80px;height: 80px; position: fixed;bottom: 120px;right: 0;z-index:999;text-align:center;line-height: 80px;color:#3f897c;font-size:30px;} .circle span {width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50%;background-color: rgb(194, 14, 47); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-animation: circleScale 3s linear infinite; -moz-animation: circleScale 3s linear infinite; -ms-animation: circleScale 3s linear infinite; animation: circleScale 3s linear infinite; } .circle span:nth-of-type(2) {animation-delay: 1s;} .circle span:nth-of-type(3) {animation-delay: 2s;} @keyframes circleScale { 0% { opacity: 1; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 100% { opacity: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @keyframes circleScale1 { 0% { opacity: 1; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 60% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); transform: scale(3); } } .circle a{cursor:pointer;position:relative;background: #d90024;width: 50px;height: 50px;display: inline-block;border-radius: 50%;vertical-align: middle;margin-top: 15px;line-height: 47px;} .anniu .circle a{ background:#f08200} .anniu .circle span{ background:rgba(240,130,0)} .anniu .circle {bottom: 40px;} .circle a .kuang{ display:none; position:absolute; right:75px; top:0; width:150px; height:60px; line-height:60px; font-size:16px; color:#333; background:#fff; border-radius:10px; box-shadow:3px 1px 5px rgba(0,0,0,0.15)} .circle a .kuang:before{ content:""; position:absolute; right:-10px; top:50%; margin-top:-10px; border-top:transparent 10px solid; border-bottom:transparent 10px solid; border-left:#fff 10px solid} /*网站建设*/ /*焦点图*/ /*焦点图*/ #web {max-width:1920px; margin:auto; position:relative; z-index:9;min-width:1200px;} #web .swiper-slide{ overflow:hidden; height:500px; position:relative;} #web .swiper-slide a{display:block; height:100%;} #web .swiper-slide img{width:100%;} /*按钮切换*/ #web .swiper-button-prev,#web .swiper-button-next {display: none;width: 72px;height: 72px; background: url(../images/ico_sliding.png) no-repeat;} #web .swiper-button-prev {background-position: 0 0;} #web .swiper-button-prev:hover { background-position: 0 -144px;} #web .swiper-button-next { background-position: 0 -72px;} #web .swiper-button-next:hover {background-position: 0 -216px;} /*分页器*/ #web .swiper-pagination-bullet{width: 12px;height: 12px; display: inline-block; border-radius: 50%; background:rgba(255,255,255,0.36); transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; opacity: 1.0;} #web .swiper-pagination-bullet-active{background:rgba(255,255,255,0.8);color: #fff;width: 33px;border-radius: 30px;opacity: 1.0;} #web .swiper-pagination{bottom:25px;} #web .swiper-slide h3{font-size:46px; font-weight:normal; color:#fff; padding-top:80px; margin-bottom:35px;} #web .swiper-slide p{ font-size:16px; color:#fff; width:580px; line-height:36px; } #web .swiper-slide ul{width:560px;} #web .swiper-slide ul li{width:33.3%; float:left; color:rgba(255,255,255,0.9); font-size:16px; line-height:30px; margin-bottom:10px;} #web .swiper-slide ul li i{width:7px; height:7px; display:inline-block; margin-right:12px; border-radius:100%; background:rgba(255,255,255,0.6);} #web .swiper-slide a{width:160px; line-height:36px; overflow:hidden; background:rgba(255,255,255,0.1); display:inline-block; border:solid 1px rgba(255,255,255,0.6); border-radius:52px; text-align:center; color:#fff; margin-top:10px; transition:0.3s all; position:relative;} #web .swiper-slide a:hover{border:solid 1px #06c; background:#06c; color:#fff;} .yewu .service{ width:1200px; margin:0 auto; position:relative;} .yewu .service .ul{ width:100%;} .yewu .service .ul li{ float:left; position:relative; padding:42px 21px 0 45px; border-left:1px solid #dadada; border-bottom:1px solid #dadada; border-top:none; width:266px; height:217px;} .yewu .service .ul li.a_service1{ border:1px solid #dadada; border-right:none; width:532px;} .yewu .service .ul li.a_service2{ border-top:1px solid #dadada; border-right:1px solid #dadada; width:533px;} .yewu .service .ul li.a_service3{width:233px;} .yewu .service .ul li.a_service4{ border-left:1px solid #dadada; width:232px;} .yewu .service .ul li.a_service5{ border-right:1px solid #dadada; border-right:none; width:233px;} .yewu .service .ul li.a_service6{ border-right:1px solid #dadada; width:233px;} .yewu .service .ul li .span{ position:absolute; right:25px; top:36px;} .yewu .service .ul li .img{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; display:none;} .yewu .service .ul li a{ display:inline-block; color:#555; line-height:20px; text-decoration:none;} .yewu .service .ul li a .icon{height:120px;} .yewu .service .ul li a span{ display:block; font-size:14px;} .yewu .service .ul li a .title{ font-size:22px; padding-bottom:10px;} .yewu .service .ul li a .brief{ color:#999;} .yewu .service .ul li a:hover .icon img{transform: rotateY(360deg);transition: all 0.5s ease-out;} .yewu .service .ul li.a_service1 a{ padding:120px 0 0;background:url(../images/bg31.jpg) no-repeat left top;} .yewu .service .ul li.a_service2 a{ padding:120px 0 0;background:url(../images/bg30.jpg) no-repeat left 12px;} .web_box2{text-align:center;} .web_box2 ul{width:540px; margin:auto;} .web_box2 li{ text-align:center; float:left; margin:0 5px;} .web_box2 li img{border:#dbdbdb 1px solid; border-radius:100%; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;filter:alpha(opacity=65); opacity:0.65; -moz-opacity:0.65; -khtml-opacity:0.65} .web_box2 li:hover .pic img{border:#999 1px solid;-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); /*filter:none;*/ filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1;} .web_box2 li .txt{filter:alpha(opacity=0); opacity:0; transition:0.3s all; margin-top:5px;} .web_box2 li:hover .txt{filter:alpha(opacity=65); opacity:0.65;} /*表单*/ .biaodan{ width:1000px; margin:auto;} .biaodan li{float:left; margin-left:15px;} .biaodan li input{border:solid 1px #ddd; height:55px; line-height:55px; font-size:15px; color:#666; padding:0 20px; width:210px; box-sizing:border-box;} .biaodan li input[type="submit"]{width:128px; background:#035CAC; color:#fff; border:none; border-radius:5px; cursor:pointer;} .index_zx {background: url(../images/home_bg2.jpg) no-repeat 50% 50%;height: 240px;} .index_zx .main{position:relative} .index_zx .main .text-wrap { position:absolute; top: 80px; left: 180px; color: #fff; text-align: center;} .index_zx .main .btn {position:absolute; top: 100px; right: 180px; width: 190px; height: 50px; background:#fff; border-radius: 50px; color:#666; font-size:18px; text-align:center; line-height:50px; overflow:hidden;} .index_zx .main .btn:hover{ background:#035CAC; color:#fff;} .index_zx .main .text-wrap .title { font-size: 26px;} .index_zx .main .text-wrap .desc { margin-top: 15px; font-size: 20px;} /*服务保障*/ .bz_box{} .bz_box li{float:left; box-sizing:border-box; width:25%; text-align:center; border-right:solid 1px #eee; margin:30px 0;} .bz_box li:nth-child(4n){border-right:0;} .bz_box li img{margin-bottom:15px;} .bz_box li p{line-height:26px; color:#666; font-size:13px;} .bz_box li p span{display:block; font-weight:bold; color:#222; font-size:15px;} /*小程序*/ /*小程序唯一性 */ .weiyi{ background:url(../images/duang.png) no-repeat right top; height:110px; padding:40px 0; } .weiyi .weiyi_wen{float:left;} .weiyi .weiyi_txt{ float:left;margin: 0 0px 0 30px;} .weiyi .weiyi_txt h5 { color: #fff;font-size: 30px; font-weight:normal; margin-bottom:10px;} .weiyi .weiyi_txt h5 strong { font-size: 46px; margin-right: 20px;} .weiyi .weiyi_txt p {color: #fff;font-size: 20px;} .weiyi_kf{ float:right; margin:35px 100px 0 0px;} .weiyi_kf a{ width:180px; height:50px; line-height:50px; text-align:center; transition:0.3s all; font-size:18px; color:#fff; box-sizing:border-box; border:solid 1px rgba(255, 255, 255, 0.8); display:block;} .weiyi_kf a:hover{ background:#fff; border:solid 1px #fff; color:#06c;} /*小程序方案*/ .xcx_yy li{width:23%; margin:10px 1%; height:260px; border:solid 1px #e8e8e8; background:#FFF; box-sizing:border-box;text-align: center;float: left;cursor: pointer;transition: 0.3s all;} .xcx_yy li:hover{box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);transition: 0.3s all;} .xcx_yy .xcx_yy_ico{height:140px; line-height:140px;} .xcx_yy .xcx_yy_ico img{ display:inline-block; vertical-align: middle;} .xcx_yy li h3{font-size:20px;height:36px; color:#000; font-weight:normal;} .xcx_yy li p{font-size: 14px;color: #666; line-height:22px; width:80%; margin:auto;} /*小程序模板展示*/ #certify {position: relative;} #certify .swiper-container {padding-bottom: 20px;} #certify .swiper-slide {width:302px;height:559px; padding-top:70px; box-sizing:border-box; background: url(../images/iphone.png) no-repeat; text-align:center;} #certify .swiper-slide img{display:inline-block; width:229px; height:407px;} #certify .swiper-button-prev {left: 0px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 0;background-size: 100%;} #certify .swiper-button-prev:hover {background-position: 0 -46px;background-size: 100%} #certify .swiper-button-next {right: 0px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 -93px;background-size: 100%;} #certify .swiper-button-next:hover {background-position: 0 -139px;background-size: 100%} /*服务流程*/ .xcx_fwlc .steps{ width:1200px; margin:auto;} .xcx_fwlc .steps ul li{ width: 180px; height: 180px; border-radius: 50%; text-align: center; color:#fff;float: left; margin: 0 30px; box-sizing: border-box; padding: 0 30px; font-size: 14px;line-height: 1.4;} .xcx_fwlc .steps ul li h4{font-size: 22px;font-weight:bold;padding-top: 50px; padding-bottom: 10px;} .xcx_fwlc .steps ul li.step1{ background: -webkit-linear-gradient(-40deg,#5ae6db,#64b4ef); background: -o-linear-gradient(-40deg,#5ae6db,#64b4ef); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(-40deg,#5ae6db,#64b4ef); /* Firefox 3.6 - 15 */ background: linear-gradient(-40deg,#5ae6db,#64b4ef); /* 标准的语法 */ } .xcx_fwlc .steps ul li.step2{ background: -webkit-linear-gradient(-40deg,#ffb97d,#ff7985); background: -o-linear-gradient(-40deg,#ffb97d,#ff7985); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(-40deg,#ffb97d,#ff7985); /* Firefox 3.6 - 15 */ background: linear-gradient(-40deg,#ffb97d,#ff7985); /* 标准的语法 */ } .xcx_fwlc .steps ul li.step3{ background: -webkit-linear-gradient(-40deg,#81eab2,#14c5ce); background: -o-linear-gradient(-40deg,#81eab2,#14c5ce); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(-40deg,#81eab2,#14c5ce); /* Firefox 3.6 - 15 */ background: linear-gradient(-40deg,#81eab2,#14c5ce); /* 标准的语法 */ } .xcx_fwlc .steps ul li.step4{ background: -webkit-linear-gradient(-40deg,#82c3fe,#9182f8); background: -o-linear-gradient(-40deg,#82c3fe,#9182f8); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(-40deg,#82c3fe,#9182f8); /* Firefox 3.6 - 15 */ background: linear-gradient(-40deg,#82c3fe,#9182f8); /* 标准的语法 */ } .xcx_fwlc .steps ul li.step5{ background: -webkit-linear-gradient(-40deg,#64b6ee,#5fcbe5); background: -o-linear-gradient(-40deg,#64b6ee,#5fcbe5); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(-40deg,#64b6ee,#5fcbe5); /* Firefox 3.6 - 15 */ background: linear-gradient(-40deg,#64b6ee,#5fcbe5); /* 标准的语法 */ } /*小程序常见问题*/ .xcx_wt{} .xcx_wt li{width:25%; float:left; font-size:16px; line-height:60px;} .xcx_wt li a{} .xcx_wt li a:hover{ text-decoration:underline;} .xcx_wt_kf{ text-align:center;} .xcx_wt_kf a{width:230px; height:50px; line-height:50px; border:solid 1px rgba(255,255,255,0.5); display:inline-block; color:#f3f3f3; font-size:18px;} .xcx_wt_kf a:hover{background:rgba(255,255,255,0.3);} .pagebar { padding:20px; overflow:hidden} .pagebar .pagination { display: flex; justify-content: center; margin-top: 10px; } .pagination a { background: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; padding: 7px 10px; margin: 0 2px; border-radius: 3px; } .pagination span { color: #333; font-size: 12px; padding: 7px 2px; margin: 0 2px; border-radius: 3px; } .pagination a:hover { color: #333; border: 1px solid #333; } .pagination a.page-num-current { color: #fff; background: #333; border: 1px solid #333; } .pagination .st{ font-family:宋体} .text-secondary{ text-align:center; padding:20px 0} #MyContent img{ max-width:100%; height:auto !important} /** 首页 **/ /* 工商服务 */ .dym-service__list{display: flex;border-radius: 4px;background: #fff;} .dym-service__list li.dym-service__item:hover{box-shadow:0px 2px 6px 0px rgb(204,204,204)} .dym-service__item {width: calc(16.66%);padding: 20px 10px;line-height: 20px;border-right: 1px solid #EAEEF5;box-sizing: border-box;position: relative;cursor: pointer;} .dym-service__item .title{color: #1A2846;font-size: 16px;line-height: 22px;width: 100%;overflow: hidden;/* text-overflow: ellipsis; */white-space: nowrap;font-weight: bold;} .dym-service__item .des{margin-top: 6px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 20px;color: #858D9C;} .dym-service__item .item{margin-top: 5px;display: block;color: #858D9C} .dym-service__item .item:before{float: left;width: 18px;height: 11px;margin: 5px 8px 0 0;background: url(../images/icon_lb_duigou@2x.png) no-repeat center;background-repeat: no-repeat;background-position: center;background-size: contain;content: "";} .dym-service__item.is-hot .title:after {display: inline-block;width: 33px;height: 13px;background: url(../images/is_hot.png);background-repeat: no-repeat;background-position: center;background-size: contain;content: "";} .is-hot-icon:before {position: absolute;top: -8px;left: -11px;width: 69px;height: 64px;background: url(../images/hot.png);background-repeat: no-repeat;background-position: center;background-size: contain;content: "";} .index_db_btn {cursor: pointer; height: 35px;line-height: 35px;border: 1px solid #0090FF;width: 100%;margin-top: 25px;background: #0090FF;color: #FFFFFF;box-shadow: 0px 2px 0px 0px rgb(0 104 185);border-radius: 4px;} /* 创融服务标准 */ .dym-module__bd .dym-module__bd--tab {border-bottom: 1px solid #8B909D;display: flex;} .dym-module__bd .dym-module__bd--tab li {padding-bottom: 14px;text-align: center;font-weight: bold;position: relative;flex: 1;box-sizing: border-box;cursor: pointer;} .dym-module__bd .dym-module__bd--tab li h2 {font-size: 14px;} .dym-module__bd .dym-module__bd--tab .select {border-bottom: 5px solid #FF6900;color: #FF6900;margin-bottom: -1px;} .dym-module__bd .dym-module__bd--tabText{margin-top: 30px;display: flex;} .dym-module__bd .dym-module__bd--textLeft {width: 18%;box-sizing: border-box;} .dym-module__bd .dym-module__bd--textLeft h2 {font-size: 60px;font-weight: 600;width: 120px;line-height: 60px;} .dym-module__bd .dym-module__bd--textLeft p {box-sizing: border-box;width: 165px; height: 28px;padding: 5px 0 5px 3px; background-image: url(../images/icon_sy_fwbz@2x.png);background-size: 165px 28px;color: #FFFFFF;font-size: 14px;} .dym-module__bd--textRight{width: 82%;box-sizing: border-box;} .dym-module__bd--ulTd{width: 100%;display: flex;} .dym-module__bd .dym-module__bd--textRight .dym-module__bd--ulTd li {flex: 1;margin-left: 10px;background-color: #FFFFFF;height: 100%;padding: 20px 15px;box-sizing: border-box;border-radius: 4px;cursor: pointer;} .dym-module__bd .dym-module__bd--textRight .dym-module__bd--ulTd li:first-child {margin-left: 0;} .dym-module__bd .dym-module__bd--textRight .dym-module__bd--ulTd li .dym-module__bd--textHd{font-size: 18px;font-weight: 600;margin-bottom: 5px;} .dym-module__bd .dym-module__bd--textRight .Focus {color: #FF6900;font-style: normal;} .dym-module__bd .dym-module__bd--textRight .dym-module__bd--textBd {display: inline-block;margin-bottom: 10px;line-height: 20px;text-align: left;border-radius: 10px;font-size: 12px;color: #8B909D;} .dym-module__bd .dym-module__bd--textRight .dym-module__bd--ulFd{width: 100%;margin-top: 10px;} .dym-module__bd .dym-module__bd--textRight .dym-module__bd--ulFd li{ flex: 1; height: 144px; background-color: #FFFFFF; padding: 20px 20px 20px 20px; box-sizing: border-box; margin-left: 10px; display: flex; justify-content: space-between; border-radius: 4px; cursor: pointer; } .dym-module__bd .dym-module__bd--textRight .dym-module__bd--ulFd li:first-child { margin-left: 0px; } .dym-module__bd .dym-module__bd--textRight .dym-module__bd--ulFd li p{ float: left; flex: 1; } .dym-module__bd .dym-module__bd--textRight img { width: 100px; height: 100px; float: right; margin-left: 10px; } .dym-module__bd .dym-module__bd--textLeft span img { width: 37px; height: 37px; float: left; } .dym-module__bd .dym-module__bd--textLeft span i { float: left; display: block; box-sizing: border-box; height: 37px; padding: 11px 0 11px 11px; } .dym-module__bd .dym-module__bd--textLeft span { display: block; font-size: 14px; } /* 服务中心 */ .service_center {display: flex;align-items: center;justify-content: center;margin-top: 24px;} .service_center_left {width: 616px;margin-right: 120px;} .service_center_left img { width: 100%;} .service_index.service_center_right {flex: 1;} .service_index.service_center_right ul li {background: #FFFFFF;border: 1px solid #DCDFE6;box-sizing: border-box;padding: 20px 6px 20px 20px;border-radius: 4px;cursor: pointer;margin-bottom: 20px;} .service_index.service_center_right ul li:hover {box-shadow: 0px 2px 16px 0px #DCDFE6;} .service_index.service_center_right ul li h2 {font-size: 18px;font-weight: 400;color: #000000;line-height: 25px;} .service_index.service_center_right ul li p {font-size: 14px;font-weight: 400;color: #909399;line-height: 20px;margin-top: 5px;letter-spacing: 3px;} /* 企业荣誉 */ .index_box_enterprise_glory .enterprise_glory { margin-bottom: 0px; margin-top: 30px; } .enterprise_glory ul { display: flex; flex-wrap: wrap; } .enterprise_glory ul li { width: 20%; /* position: relative; */ box-sizing: border-box; /* border: 1px solid #e1e3e9; */ border-right: none; /* border-bottom: none; */ cursor: pointer; margin-bottom: 28px; } .enterprise_glory ul li .li_box { border: 1px solid #e1e3e9; border-right: none; } .enterprise_glory ul li .li_box img { width: 100%; } .li_box_shadow { width: 100%; /* display: none; */ margin-top: 6px; text-align: center; } .li_box_shadow p { font-size: 12px; font-weight: 400; color: #333333; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 6px; } /* 战略合作伙伴 */ .company_hz_list { display: flex; flex-wrap: wrap; /* margin-top: 18px; */ } .company_hz_item { width: calc(25% - 12px); margin-right: 12px; margin-top: 20px; text-align: center; border-radius: 4px; cursor: pointer; overflow: hidden; } .company_hz_item:hover { box-shadow: 0px 2px 16px 0px #DCDFE6; } .company_hz_item img { width: 100%; } /** 公司注册 **/ .hotServer { background: #FFFFFF; padding-bottom: 40px; z-index: 1000; padding-top: 130px; } .boxShadow:hover { box-shadow: 0px 2px 16px 0px #DCDFE6; } .hotServer .hotServer_wrap { overflow: inherit; } .hotserver_list { display: flex; } .hotserver_frist { width: 368px; min-width: 368px; background: url(../images/tp_gszc_rmfw.png) no-repeat center; background-size: cover; position: relative; border-radius: 4px; cursor: pointer; border: 1px solid #E4E7ED; } .hotserver_frist > h4.samll { width: 145px; height: 42px; background: url(../images/tp_gszc_title_small.png) no-repeat center; background-size: cover; font-weight: bold; } .hotserver_frist > h4 { color: #112658; width: 285px; height: 42px; line-height: 42px; font-size: 22px; padding-left: 20px; background: url(../images/tp_gszc_title.png) no-repeat center; background-size: cover; font-weight: bold; } .hotserver_frist > .info_wrap { padding: 15px 20px; } .hotserver_frist h2 { font-size: 24px; color: #303133; font-weight: bold; } .hotserver_frist h2 span { color: #FF3400; font-size: 34px; } .hotserver_frist h3 span { color: #FF3400; font-size: 48px; font-weight: bold; } .hotserver_frist ul { display: flex; margin: 10px 0 27px; align-items: center; } .hotserver_frist button { cursor: pointer; width: 154px; height: 35px; background: #0090FF; color: #FFFFFF; box-shadow: 0px 2px 0px 0px rgb(0,104,185); border-radius: 4px; border: none; } .hotserver_frist button img { width: 22px; margin-left: 10px; } .hotserver_frist ul li { margin-right: 26px; line-height: 22px; font-size: 16px; color: #5C6068; } .hotserver_frist ul li:last-child{ margin-right: 0; } .hotserver_frist ul li.bigLi { margin-top: -10px; } .hotserver_frist ul li img { width: 20px; vertical-align: sub; margin-right: 4px; } .hotserver_frist ul li b { color: #FF3400; font-weight: bold; font-size: 44px; } .hotserver_frist ul li span { color: #FF3400; } .hotserver_item { flex: 1; background: #FFFFFF; margin-left: 15px; position: relative; border-radius: 4px; cursor: pointer; border: 1px solid #E4E7ED; width: 1; } .hotserver_item > .info_wrap { padding: 40px 20px 15px; border-radius: 4px; } .hotserver_item > .info_wrap h2 { font-weight: bold; font-size: 18px; white-space: nowrap; width: 100%; } .hotserver_item > .info_wrap h5 { font-size: 14px; color: #606266; margin: 10px 0 0; white-space: nowrap; } .hotserver_item > .info_wrap a { font-size: 16px; text-align: center; display: inline-block; height: 50px; line-height: 50px; margin-top: 2px; color: #FF3400; } .hotserver_item > .info_wrap a span { font-size: 34px; font-weight: bold; } .hotserver_item .hot_span, .hotserver_frist .hot_span { position: absolute; width: 89px; height: 32px; line-height: 32px; text-align: center; font-size: 16px; color: #FFFFFF; background: url(../images/icon_hot_span.png) no-repeat center; background-size: cover; right: 0; top: -12px; } .hotserver_item button { cursor: pointer; height: 35px; line-height: 35px; border: 1px solid #0090FF; width: 100%; margin-top: 16px; background: #0090FF; color: #FFFFFF; box-shadow: 0px 2px 0px 0px rgb(0 104 185); border-radius: 4px; } /* 注册公司后可额外获得 */ .companyRes{ display: flex; align-items: center; /* margin-top: 30px; */ } .companyItem { cursor: pointer; flex: 1; background: #FFFFFF; margin-right: 14px; padding: 20px 30px; cursor: pointer; border-radius: 4px; } .companyItem h3 { font-size: 18px; font-weight: bold; } .companyItem p { color: #606266; padding: 10px 0 20px; } .companyItem p span { font-size: 21px; font-weight: bold; color: #FF3400; } .companyItem button { cursor: pointer; border: none; color: #0090FF; font-weight: bold; font-size: 16px; background-image: url(../images/icon_more_blue.png); background-size: 24px; padding-right: 30px; background-repeat: no-repeat; background-position: right center; text-decoration: underline; background-color: transparent; } .companyItem:hover button { color: #FF6900; background-image: url(../images/icon_more_right.png); } /* 请选择你要注册的公司类型 */ .company_type_tit { border-bottom: 1px solid #DCDFE6; text-align: center; font-size: 18px; padding: 0 0 10px 0; margin-top: 30px; } .company_type_tit a.cur { color: #0090FF; border-bottom: 5px solid #0090FF; } .company_type_tit a { padding-bottom: 8px; margin: 0 30px; } .company_type_tit a:hover { color: #0090FF; } .company_type_wrap { padding: 30px 0 18px; display: flex; } .type_wrap_label { margin-right: 42px; padding-top: 8px; font-size: 18px; } .company_type_wrap ul { display: flex; flex-wrap: wrap; flex: 1; } .company_type_wrap ul li { width: 16.66%; text-align: center; /* padding: 8px 0; */ border: 1px solid #E4E7ED; box-sizing: border-box; margin-bottom: 12px; color: #666666; cursor: pointer; font-size: 14px; border-right: none; height: 40px; line-height: 40px; } .company_type_wrap ul li:hover { color: #0090FF; } .company_type_wrap ul li.cur { /* border: 1px solid #333; */ color: #0090FF; font-size: 16px; /* background: #333; */ } .company_type_info { display: none; box-shadow: 0px 2px 16px 0px rgb(0 0 0 / 8%); padding: 0 0 0 30px; display: flex; border-radius: 4px; } .company_type_left { flex: 1; border-right: 1px solid #DCDFE6; padding: 20px 30px 25px 0; } .type_tit_left { font-size: 18px; position: relative; padding-bottom: 10px; margin-bottom: 22px; font-weight: bold; } .type_tit_left::after { width: 50px; height: 3px; background: #333; position: absolute; content: ""; bottom: 0; left: 0; } .type_item_left { font-size: 14px; margin-bottom: 10px; /* height: 60px; font-weight: 400; color: #909399; line-height: 20px; text-shadow: 0px 2px 16px rgb(0 0 0 / 8%); */ } .type_item_left b { font-weight: bold; } .type_item_left span { color: #666666; } .company_type_left > button { cursor: pointer; border: none; width: 310px; height: 50px; background: #FF6900; color: #FFFFFF; margin-top: 10px; font-size: 16px; border-radius: 4px; } .company_type_left > button img { width: 22px; margin-left: 8px; } .company_type_right { width: 508px; padding: 20px 0 25px 30px; box-sizing: border-box; } .company_type_right ul { display: flex; flex-wrap: wrap; } .company_type_right ul li { font-size: 14px; margin-right: 48px; margin-bottom: 22px; text-decoration: underline; cursor: pointer; color: #0090FF; } .company_type_right ul li:hover { color: #FF6900; } .company_type_right ul li a { color: #0090FF; } .company_type_right ul li a:hover { color: #FF6900; } /* 公司注册全流程 */ .company_step_list { display: flex; } .company_step_item { padding: 20px 20px 30px; background: #FFFFFF; margin-right: 14px; flex: 1; height: 220px; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box; border-radius: 4px; cursor: pointer; } .company_icon { display: flex; align-items: center; } .company_icon > p { font-size: 58px; text-align: right; font-family: PingFangSC-Medium, PingFang SC; /* font-weight: bold; */ color: #1B2948; margin-right: 15px; } .company_icon_tit { flex: 1; /* margin-top: -20px; */ } .company_icon_tit h3 { font-weight: bold; font-size: 18px; margin-bottom: 5px; } .company_icon_tit span { color: #FF6900; border: 1px solid rgba(255, 105, 0, 0.3); border-radius: 0px 8px 8px 8px; padding: 2px 9px; font-size: 14px; } .company_detail { font-size: 14px; color: #606266; margin-bottom: 12px; } .company_btn button { border: none; cursor: pointer; color: #0090FF; font-weight: bold; font-size: 16px; background-image: url(../images/icon_more_blue.png); background-size: 24px; padding-right: 30px; background-repeat: no-repeat; background-position: right center; text-decoration: underline; background-color: transparent; } .company_btn button:hover { color: #FF6900; background-image: url(../images/icon_more_right.png); } .btn_long_oragin { cursor: pointer; min-width: 508px; height: 60px; line-height: 60px; /* border-radius: 30px; */ background: linear-gradient(270deg, #FE793E 0%, #F54A4F 100%); margin: 40px auto 0; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 22px; box-sizing: border-box; padding: 0 15px; border-radius: 4px; border: none; } .btn_long_oragin p { box-sizing: border-box; text-align: center; } .btn_long_oragin span.line { height: 60px; width: 1px; background: #ffffff; margin: 0 30px; opacity: 0.5; } .btn_long_oragin .icon_more { width: 22px; margin-left: 10px; } button:hover { opacity: 0.9; } /* 创融代办 公司注册 */ .company_db_list { display: flex; flex-wrap: wrap; } .company_db_item { cursor: pointer; /* background: url(../imgBaidu/bg_company.jpg) no-repeat center; */ background-size: cover; display: flex; flex-direction: column; justify-content: space-between; height: 240px; box-sizing: border-box; padding: 20px; margin-right: 10px; width: calc(16.66% - 10px); border: 1px solid #E4E7ED; /* margin-bottom: 10px; */ border-radius: 4px; cursor: pointer; } .company_db_item .type_tit_left { margin-bottom: 0; } .type_tit_left { font-size: 18px; position: relative; padding-bottom: 10px; margin-bottom: 22px; font-weight: bold; } .type_tit_left::after { width: 50px; height: 3px; background: #333; position: absolute; content: ""; bottom: 0; left: 0; } .company_db_item ul { height: 94px; /* margin-top: 25px; */ } .company_db_item ul li { color: #909399; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 2px; } .company_db_item button { cursor: pointer; width: 82.5%; height: 35px; min-height: 35px; font-size: 16px; border: 1px solid #0090FF; display: flex; align-items: center; justify-content: center; background: #0090FF; color: #FFFFFF; box-shadow: 0px 2px 0px 0px rgb(0 104 185); border-radius: 4px; } .company_db_item button .more_icon { background: url(../images/icon_more__white.png) no-repeat center; background-size: cover; width: 22px; height: 14px; display: inline-block; margin-left: 6px; } /* 注册成功 */ .company_zl_list{ display: flex; } .company_zl_item { width: calc(33.3% - 15px); margin-right: 15px; height: 312px; background: #FFFFFF; /* box-shadow: 0px 2px 16px 0px rgb(0 0 0 / 9%); */ border-radius: 4px; cursor: pointer; } .company_zl_item h3 { color: #FFFFFF; height: 46px; font-size: 22px; line-height: 46px; text-align: center; background: linear-gradient(138deg, #8C8D95 0%, #000000 100%); } .zl_img_wrap { padding: 20px; margin: auto; text-align: center; display: flex; align-items: center; justify-content: center; height: calc(100% - 46px); box-sizing: border-box; } .zl_img_wrap img { max-width: 100%; max-height: 100%; } /* 专业顾问一对一服务 */ .people_bg { background: url(../images/bg_people.jpg) no-repeat center; background-size: cover; } .company_zygw_list{ display: flex; } .company_zygw_item { /* width: calc(16.66% - 12px); */ width: 16.66%; margin-right: 12px; position: relative; cursor: pointer; } .company_zygw_item img { width: 100%; } .zygw_name { position: absolute; bottom: 0; width: 100%; color: #FFFFFF; height: 52px; line-height: 52px; text-align: center; font-size: 14px; background: rgba(0, 0, 0, 0.65); } .zygw_detail { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); color: #FFFFFF; padding: 35px 0 20px; text-align: center; box-sizing: border-box; } .company_zygw_item:hover .zygw_detail { display: flex; flex-direction: column; align-items: center; justify-content: space-between; } .zygw_detail p { /* margin-bottom: 6px; */ font-size: 18px; } .zygw_detail p.name { margin-bottom: 40px; font-size: 22px; } .zygw_detail p.rate { font-size: 16px; /* margin-bottom: 8px; */ } .zygw_detail button { cursor: pointer; width: 80%; height: 35px; background: #FF6900; color: #FFFFFF; margin-top: 6px; border: 1px solid #FF6900; border-radius: 4px; } .zygw_detail button.busy { color: #FF6900; background: #FFFFFF; } /* 记账报税 */ .bannerAll { position: relative; z-index: 1000; } .bannerWrap_dljz { background: url(../images/tp_banner_dljz@2x.jpg) no-repeat center top; background-size: 1920px auto; /*background-color: #F65E3E;*/ } .bannerMain { height: 380px; box-sizing: border-box; cursor: pointer; padding-top: 40px; padding-bottom: 120px; padding-left: 50px; position: relative; } .homeWarp{ z-index: 1000; background: url(../images/tp_gszc_tdbj.png) no-repeat center; /* background-size: cover; */ /* box-shadow: 0px 2px 15px 0px rgb(0 0 0 / 8%); */ padding: 20px 36px; /* margin-bottom: 40px; */ margin: 0 auto; /* transform: translateX(-50%); */ width: 1230px !important; /* height: 195px; */ max-height: 195px; border-radius: 4px; } .from_location_warp { background: url(../images/tp_gszc_tdbj.png) no-repeat center; background-size: cover; /* box-shadow: 0px 2px 15px 0px rgb(0 0 0 / 8%); */ padding: 20px 36px; /* margin-bottom: 40px; */ position: absolute; bottom: -98px; left: 50%; transform: translateX(-50%); width: 1230px!important; /* height: 195px; */ max-height: 195px; border-radius: 4px; } .from_location_title { display: flex; align-items: center; } .from_location_title h1 { font-size: 24px; font-family: PingFangSC-Medium, PingFang SC; font-weight: bold; color: #384C6B; margin-right: 20px; } .from_location_title .loop_wrap { font-size: 14px; color: #303133; position: relative; height: 20px; overflow: hidden; } .from_location_title .loop_wrap .list_loop{ position: relative; font-weight: bold; } .from_location_title p span{ font-size: 32px; font-weight: 600; color: #ff6900; } .from_location{ display: flex; align-items: center; padding: 10px 0; position: relative; } .from_location_address { margin-right: 14px; width: 180px; border: 1px solid #DCDFE6; display: flex; align-items: center; justify-content: space-between; height: 44px; line-height: 44px; padding: 0 20px; cursor: pointer; background: #ffffff; box-sizing: border-box; border-radius: 4px; } .from_location_address div img { width: 16px; height: 18px; margin-right: 6px; vertical-align: sub; } .from_location_address > img { width: 11px; height: 6px; } .from_location .inputWrap { flex: 1; position: relative; } .from_location .inputWrap img { position: absolute; width: 18px; right: 0; top: 50%; transform: translateY(-50%); } .from_location input { flex: 1; border: 1px solid #DCDFE6; /* margin-left: 14px; */ margin-right: 14px; height: 44px; line-height: 44px; background: #ffffff; width: 90%; border-radius: 4px; padding: 0 20px; outline: none; } .from_location input::-webkit-input-placeholder,.user_info input::-webkit-input-placeholder{ font-size: 14px; } .from_location input:focus, .from_location_address:hover { border: 1px solid #0090FF; } .dym-mall_dropDown--address { width: 365px; overflow-y: scroll; position: absolute; top: 55px; left: 0; background-color: #FFFFFF; z-index: 999; padding: 10px 0; box-sizing: border-box; font-size: 12px; color: #858d9c; box-shadow: 0px 0px 6px 0px #d3d7e1; } .dym-mall_dropDown--address ul li { width: 70px; height: 22px; line-height: 22px; text-align: center; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; } .dym-mall_dropDown--address .currentCity { padding: 0 0 10px; border-bottom: 1px solid #DCDFE6; margin: 0 22px 10px; } .dym-mall_dropDown--address .currentCity p { color: #FF6900; margin-left: 10px; display: inline-block; cursor: pointer; } .choiceProvince:before { content: '返回'; width: 35px; height: 15px; margin-left: 14px; position: relative; top: 0px; color: #858d9c; display: inline-block; } .btn_nameNuclear { cursor: pointer; width: 270px; flex: 1; border: none; background: #FF6900 !important; margin-left: 24px; color: #FFFFFF !important; height: 44px; line-height: 44px !important; font-size: 18px; border-radius: 4px !important; } .from_location_more { display: flex; align-items: center; } .from_location_more h4 { font-size: 16px; } .from_location_more ul { display: flex; align-items: center; margin-left: 10px; } .from_location_more ul li a { margin-right: 40px; cursor: pointer; color: #0090FF; text-decoration: underline; font-size: 14px; } .from_location_more ul li a:hover { color: #FF6900; } /* 标准服务内容 */ .serve_step_bg { background: url(../images/bg_step.jpg) no-repeat center; background-size: cover; } .serve_info_list { display: flex; align-items: center; } .serve_info_item { flex: 1; background: #ffffff; margin-right: 15px; border-radius: 4px; cursor: pointer; overflow: hidden; } .serve_info_item:last-child { margin-right: 0; } .serve_info_item:hover h3 { background: #0090FF; color: #ffffff; } .serve_info_item h3 { background: #D9EDFF; height: 50px; line-height: 50px; text-align: center; color: #1765A2; font-size: 22px; font-weight: bold; } .serve_info_item .item_p p { height: 40px; line-height: 40px; color: #333333; padding-left: 25px; display: flex; align-items: center; } .serve_info_item .item_p p:nth-child(even) { background: #F5F5F6; } .serve_info_item .item_p p span { width: 22px; height: 22px; line-height: 22px; text-align: center; border-radius: 50%; color: #ffffff; font-size: 20px; font-family: PingFangSC-Semibold, PingFang SC; font-weight: bold; background: #56B5FF; display: inline-block; margin-right: 10px; } .serve_info_item .item_btn { text-align: center; padding: 15px 0; } .serve_info_item .item_btn a { width: 74.6%; height: 40px; line-height: 40px; border: 1px solid #0090FF; font-size: 16px; font-weight: bold; display: inline-block; background: #0090FF; color: #FFFFFF; box-shadow: 0px 2px 0px 0px rgb(0 104 185); border-radius: 4px; } /* 服务流程 */ .serve_step_list{ display: flex; align-items: center; } .serve_step_item { flex: 1; color: #ffffff; text-align: center; margin: 50px 0 25px; cursor: pointer; } .serve_step_item .tit_wrap { padding-bottom: 10px; } .serve_step_item .tit { position: relative; font-size: 18px; padding: 4px 0; margin: 0 40px; background: #4F5B6C; display: flex; align-items: center; justify-content: center; /* box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 52%); */ border-radius: 4px; } .serve_step_item:hover .tit { background: #ffffff; color: #303133; } .serve_step_item .tit span { font-size: 26px; font-weight: bold; margin-right: 18px; } .serve_step_item .tit::after { position: absolute; content: ""; width: 0px; height: 0px; border: 10px solid #4F5B6C; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; bottom: -20px; left: 50%; transform: translateX(-50%); } .serve_step_item:hover .tit::after { border: 10px solid #ffffff; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; } .serve_step_item .line_item { width: 100%; height: 2px; background: #E4E7ED; margin: 27px 0 20px; position: relative; } .serve_step_item .line_item::after { width: 10px; height: 10px; background: #ffffff; border-radius: 50%; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 100; box-sizing: border-box; } .serve_step_item:hover .line_item::after { background: #FF6900; border: 2px solid #ffffff; } .serve_step_item p { opacity: 0.6; line-height: 22px; } .serve_step_item:hover p { opacity: 1; color: #ffffff; } .serve_step_item button { cursor: pointer; font-weight: bold; color: #0090FF; font-size: 16px; text-decoration: underline; margin-top: 10px; background-color: transparent; border: none; } .serve_step_item:hover button { color: #FF6900; } .register_button { display: flex; justify-content: center; } .register_button button { border: none; cursor: pointer; width: 269px; height: 44px; font-size: 18px; font-weight: 400; color: #FFFFFF; background: #FF6900; border-radius: 4px; } .open_info_item .item_p { padding: 0 20px; flex: 1; display: flex; justify-content: space-between; flex-direction: column; text-align: center; padding-bottom: 32px; } .open_info_item .item_p p { font-size: 14px; color: #5C6068; } .open_info_item .item_p p span { font-weight: bold; color: #333333; } /* 开公司找创融 */ .main_tit_f span.org { font-weight: bold; font-size: 24px; color: #FF6900; } .open_info_list { display: flex; align-items: center; } .open_info_item { flex: 1; background: #ffffff; margin-right: 2px; border-radius: 4px; cursor: pointer; overflow: hidden; } .open_info_item .tit_wrap { background: #D9EDFF; text-align: center; color: #1765A2; padding: 10px 0; height: 92px; box-sizing: border-box; } .open_info_item .tit_wrap h3 { font-size: 22px; font-weight: bold; margin-bottom: 5px; } .open_info_item .tit_wrap p { font-size: 14px; } .open_info_item .item_wrap { padding: 25px 0 20px 0; height: 324px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; } .open_info_item .item_wrap { transition: all .3s ease; } .open_info_item.open_info_item_frist .item_wrap { padding: 18px 0 20px 0; } .open_info_item .item_frist_wrap { padding: 0 15px; flex: 1; display: flex; /* justify-content: space-between; */ flex-direction: column; text-align: center; /* padding-bottom: 32px; */ padding-bottom: 18px; text-align: left; } .open_info_item .item_frist_wrap .item_frist { /* margin-bottom: 18px; */ margin-bottom: 10px; } .open_info_item .item_frist_wrap .tit { color: #333333; font-size: 14px; font-weight: bold; } .open_info_item .item_frist_wrap span { width: 21px; height: 21px; margin-right: 6px; line-height: 21px; text-align: center; background: #56B5FF; color: #FFFFFF; font-size: 20px; border-radius: 50%; display: inline-block; } .open_info_item .item_frist_wrap p { color: #606266; font-size: 14px; /* line-height: 25px; */ margin-left: 27px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .open_info_item .item_btn { padding: 0 15px; } .open_info_item .item_btn a { width: 100%; height: 40px; line-height: 40px; border: 1px solid #0090FF; font-size: 16px; font-weight: bold; display: flex; text-align: center; align-items: center; justify-content: center; background: #0090FF; color: #FFFFFF; box-shadow: 0px 2px 0px 0px rgb(0 104 185); border-radius: 4px; } .open_info_item .item_btn a span { width: 22px; height: 14px; background-image: url(../images/icon_more__white.png); background-size: cover; background-repeat: no-repeat; background-position: center; margin-left: 10px; } .btn_long_oragin .phone { width: 40px; margin-left: 18px; } /* 您可能还需要以下服务 */ .company_fw_list { display: flex; flex-wrap: wrap; /* margin-top: 30px; */ } .company_fw_list a:hover{ color: #000; } .company_fw_item { width: calc(20% - 15px); margin-right: 12px; margin-bottom: 12px; padding-bottom: 15px; text-align: center; border: 1px solid #E4E7ED; border-radius: 4px; } .company_fw_item img { width: 89px; } .company_fw_item p { text-align: center; font-size: 18px; } /* 公司注销 */ .bannerWrap { width: 100%; overflow: hidden; position: relative; } .bannerWrap_gszc { background: url(../images/tp_banner_gszx.jpg) no-repeat center top,linear-gradient(180deg, #ffffff 0%, #ffffff 100%); background-size: 1920px auto; } .company_gszx .companyItem { padding: 0 30px 20px; border: 1px solid #E4E7ED; } .companyItem h3 span { font-size: 58px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #1B2948; margin-right: 15px; width: 34px; } .company_gszx .companyItem h3 { font-size: 18px; font-weight: bold; display: flex; align-items: center; } .company_gszx .companyItem p.topP { margin-top: -15px; } .company_gszx .companyItem p { color: #909399; padding: 0px 0 20px 50px; font-size: 14px; line-height: 12px; } .hotserver_list_gszx .hotserver_frist ul { margin: 0px 0 10px; } .hotserver_list_gszx .hotserver_frist ul li .bigSpan { font-size: 44px; color: #FF3400; font-weight: bold; } .hotserver_list_gszx .hotserver_frist ul li { display: flex; align-items: center; line-height: 22px; } .hotserver_list_gszx .hotserver_frist ul li:last-child { margin-right: 0px; line-height: 62px; } .weihai_bg { background: url(../images/bg_wh.jpg) no-repeat center; background-size: cover; } .weihai_list{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 12px; margin-bottom: 20px; } .weihai_list .weihai_item { width: 33.3%; text-align: center; cursor: pointer; margin-top: 18px; } .weihai_list .weihai_item span { width: 72.08%; height: 46px; line-height: 46px; font-size: 16px; color: #1A2846; background: #ffffff; box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 52%); display: inline-block; border-radius: 4px; } .weihai_list .weihai_item:hover span { background: #FF6900; color: #ffffff; } .zx_plan_list { display: flex; align-items: center; flex-wrap: wrap; /* margin-top: 15px; */ } .zx_plan_item { width: calc(50% - 15px); margin-right: 15px; margin-top: 15px; background: url(../images/bg_fangan.png) no-repeat center; background-size: cover; height: 90px; display: flex; padding: 20px 30px; box-sizing: border-box; border-radius: 4px; cursor: pointer; } .zx_plan_item .zx_tit { flex: 1; } .zx_plan_item .zx_tit h4 { font-size: 18px; font-weight: bold; color: #1A2846; } .zx_plan_item .zx_tit p { color: #909399; font-size: 14px; margin-top: 5px; } .zx_plan_item button { cursor: pointer; border: none; width: 153px; height: 35px; line-height: 35px; border: 1px solid #0090FF; font-weight: bold; font-size: 16px; background: #0090FF; color: #FFFFFF; box-shadow: 0px 2px 0px 0px rgb(0 104 185); border-radius: 4px; } .step_list { display: flex; justify-content: space-between; } .step_list_left { width: 42.5%; border-radius: 4px; } .step_tit { width: 144px; height: 50px; line-height: 50px; text-align: center; background: #FFFFFF; border-radius: 25px; font-size: 22px; font-weight: 600; color: #091627; position: relative; margin: 0 auto 27px; } .step_tit::after { position: absolute; content: ""; width: 0px; height: 0px; border: 16px solid #FFFFFF; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; bottom: -32px; left: 50%; transform: translateX(-50%); } .step_list_left .step_main { background: #ffffff; padding: 15px 15px 35px 66px; box-sizing: border-box; color: #5C6068; font-size: 14px; height: 350px; border-radius: 4px; } .step_list_left .step_main h4 { font-size: 18px; } .step_list_left .step_main h4 span { font-size: 24px; font-weight: bold; } .step_list_left .step_main p { margin-top: 18px; } .step_list_left .step_main p span { width: 21px; height: 21px; line-height: 21px; text-align: center; border-radius: 50%; margin-right: 10px; color: #ffffff; background: #909399; display: inline-block; } .step_list_right { width: 55%; border-radius: 4px; } .step_list_right .step_tit { background: #0090FF; color: #ffffff; } .step_list_right .step_tit::after { border: 16px solid #0090FF; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; } .step_list_right .step_main { height: 350px; background: #ffffff; padding: 16px 23px 26px 27px; box-sizing: border-box; color: #5C6068; font-size: 14px; } .step_list_right .step_main h4 { font-size: 18px; text-align: center; } .step_list_right .step_main h4 span { font-size: 24px; font-weight: bold; color: #FF6900; } .step_list_right .step_main p { display: flex; align-items: center; margin-bottom: 20px; } .step_list_right .step_main p span:first-child { width: 80px; height: 80px; line-height: 80px; text-align: center; font-size: 24px; font-weight: 600; color: #FFFFFF; /* background: linear-gradient(138deg, #0090FF 0%, #92CFFF 59%, #EDF7FF 92%, #FFFFFF 100%); */ background: #0090FF; border-radius: 50px; z-index: 100; } .step_list_right .step_main p span:last-child { flex: 1; height: 50px; background: rgba(0, 144, 255, 0.1); border-radius: 0px 100px 100px 0px; color: #5C6068; font-size: 18px; line-height: 50px; padding-left: 14%; position: relative; } .step_list_right .step_main p span:last-child::after { width: 40px; height: 50px; content: ""; position: absolute; left: -40px; top: 0; background: rgba(0, 144, 255, 0.1); z-index: 99; } .server_bg { background: url(../images/bg_serve.png) no-repeat center; background-size: cover; padding: 20px 0; } .serve_list { display: flex; } .serve_left { width: 37.2%; padding: 48px 0 48px 78px; color: #ffffff; box-sizing: border-box; } .serve_left h2 { color: #ffffff; font-size: 34px; line-height: 48px; font-weight: bold; } .serve_left p { margin-top: 14px; font-size: 14px; } .btn_wrap { margin: 100px auto 0; display: flex; flex-direction: column; } .serve_left button { cursor: pointer; border: none; width: 220px; height: 48px; line-height: 48px; text-align: center; border: 1px solid #FFFFFF; box-sizing: border-box; color: #ffffff; font-size: 16px; border-radius: 4px; background-color: transparent; } .serve_left button:first-child { margin-bottom: 20px; border: 1px solid #FF6900; background: #FF6900; } .serve_right { flex: 1; background: #ffffff; color: #5C6068; padding: 71px 0 37px 55px; position: relative; border-radius: 4px; } .serve_right h3 { font-size: 18px; font-weight: bold; color: #1A2846; margin-bottom: 40px; } .serve_mian { display: flex; flex-wrap: wrap; } .serve_mian > div { width: calc(50% - 20px); font-size: 14px; margin-bottom: 38px; margin-right: 20px; line-height: 20px; padding: 4px; box-sizing: border-box; display: flex; align-items: center; } .serve_mian > div span { font-size: 48px; margin-right: 10px; font-weight: bold; } /* 商标注册 */ .bannerWrap_zscq { height: 380px; background: url(../images/tp_banner_zscq.jpg) no-repeat center top; background-size: 1920px auto; /*background-color: #0090ff;*/ } .shanbiao .hotserver_item > .info_wrap h2 { font-weight: bold; font-size: 22px; white-space: nowrap; } .shanbiao .hotserver_item > .info_wrap h5 { font-size: 18px; color: #606266; /* margin: 14px 0 30px; */ height: 50px; line-height: 50px; } .shanbiao .hotserver_item > .info_wrap h5 span { color: #FF3400; font-size: 28px; font-weight: bold; } .zscq_company_icon_tit { flex: 1; /* margin-left: 5px; */ } .zscq_company_step_item { white-space: nowrap; padding: 10px 15px 15px 15px; background: #FFFFFF; margin-right: 14px; flex: 1; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box; border-radius: 4px; cursor: pointer; border: 1px solid #E4E7ED; } .zscq_company_icon_tit h3 { font-weight: 400; font-size: 18px; line-height: 76px; } .company_icon { display: flex; align-items: center; /* line-height: 76px; */ } .zscq .company_step_item{ height: auto; } .company_btn a { color: #0090FF; font-size: 16px; text-decoration: underline; font-weight: bold; } .zscq_company_step_item:hover .company_btn a { color: #FF6900; } .intellectual_property_list { display: flex; } .intellectual_property_list .item_left { flex: 1; box-shadow: 0px 2px 6px 0px rgba(204,204,204,0.5); border-radius: 4px; } .intellectual_property_item ul li { height: 62px; background: #FFFFFF; color: #1A2846; font-size: 20px; padding: 5px 30px; font-weight: bold; box-sizing: border-box; } .intellectual_property_list .intellectual_property_item ul li.gray { background: #333; color: #FFFFFF; border-radius: 4px 4px 0px 0px; font-size: 28px; font-weight: bold; } .intellectual_property_item ul li p { font-size: 16px; margin-top: 2px; font-weight: 400; } .intellectual_property_list .item_left ul li p { color: #909399; } .intellectual_property_item ul li.even { background: #F5F5F6; color: #303133; } .intellectual_property_list .item_middle { width: 108px; display: flex; justify-content: center; align-items: center; } .intellectual_property_list .item_middle p { width: 100%; background: url(../images/zscq/bg_vs.png) no-repeat center; background-size: cover; padding: 0 5px; } .intellectual_property_list .item_middle p img { width: 100%; } .intellectual_property_list .item_right { flex: 1; box-shadow: 0px 2px 6px 0px rgba(204,204,204,0.5); border-radius: 4px; } .intellectual_property_item ul li.blue { background: #389AFF; color: #FFFFFF; border-radius: 4px 4px 0px 0px; font-size: 28px; font-weight: bold; } .intellectual_property_item ul li:first-child { height: 69px; padding-top: 14px; text-align: center; } .shnb_server { background-color: #fff; height: 290px; } .shnb_server ul{ height: 162px ; } /* 税务策划 */ .bannerWrap_swch { background: url(../images/tp_banner_swch.png) no-repeat center top; background-size: 1920px auto; /*background-color: #F79350;*/ } .shuiwu .info_wrap .fs40 { font-size: 48px; } .shuiwu .info_wrap span { font-size: 30px; color: #FF3400; font-weight: bold; } .shuiwu .hotserver_frist .info_wrap ul { display: flex; margin: 15px 0 12px; } .shuiwu .hotserver_item > .info_wrap h5 { font-size: 14px; color: #606266; margin: 10px 0 0; white-space: nowrap; } .shuiwu .hotserver_item .info_wrap h5 { font-size: 16px; color: #091627; margin: 0px 0 30px 0; height: 40px; line-height: 40px; } .shuiwu .hotserver_item .info_wrap h5 span { font-size: 32px; color: #FF3400; font-weight: bold; margin: 10px 0 0; } .bannerContent { width: 323px; height: 380px; position: absolute; right: 0px; top: 0px; background: #ffffff; z-index: 10; background: url(../images/bg_from.png) no-repeat center; background-size: cover; } .company_h1 { font-size: 22px; font-weight: bold; color: #FFFFFF; background: linear-gradient(180deg, #FFB94F 0%, #FE771A 100%); height: 70px; text-align: center; line-height: 70px; border-radius: 0 0 50% 50%; } .formContent { padding: 15px 20px 25px; } .formContent p { font-size: 16px; color: #303133; line-height: 22px; font-weight: bold; margin-bottom: 10px; } .formContent input:focus { border: 1px solid #0090FF; } .money_list { /* margin-bottom: 12px; */ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .money_list label { width: calc(50% - 15px); margin-right: 15px; margin-bottom: 10px; display: flex; align-items: center; cursor: pointer; } .money_list input[type="radio"] { position:static; } .money_list label input { width: 18px; height: 17px; line-height: 22px; border: 1px solid #606266; border-radius: 50%; margin-right: 3px; font-size: 16px; color: #303133; appearance: radio; cursor: pointer; } .formContent p { font-size: 16px; color: #303133; line-height: 22px; font-weight: bold; margin-bottom: 10px; } .user_info input { outline: none; width: 85%; height: 42px; padding: 0 20px; background: #FFFFFF; border: 1px solid #DCDFE6; border-radius: 4px; } /* .user_info input::-webkit-input-placeholder{ font-size: 14px; } */ .bannerWrap_swch .inputWrap { position: relative; margin: 10px 0 15px; } .bannerWrap_swch .inputWrap img { position: absolute; width: 18px; right: 10px; top: 50%; transform: translateY(-50%); } .btn { text-align: center; } .btn_orange { cursor: pointer; border: none; width: 100%; height: 44px; background: #FF6900; line-height: 44px; color: #ffffff; font-size: 16px; font-weight: 500; text-align: center; border-radius: 4px; } .company_type_left { /* border: 1px solid #DCDFE6; */ padding: 20px 30px 30px 30px; width: 33.3%; box-sizing: border-box; margin-right: 15px; border-radius: 4px; cursor: pointer; } .type_tit_left { font-size: 18px; position: relative; padding-bottom: 10px; margin-bottom: 20px; font-weight: bold; color: #333333; text-shadow: 0px 2px 16px rgb(0 0 0 / 8%); /* padding-left: 30px; */ } .shuiwu .type_item_left { height: 60px; font-size: 14px; font-weight: 400; color: #909399; line-height: 20px; text-shadow: 0px 2px 16px rgb(0 0 0 / 8%); margin-bottom: 20px; /* padding-left: 30px; */ } .swiper-slide{ display: flex; } .type_tit_left::after { width: 50px; height: 2px; background: #333; position: absolute; content: ""; bottom: 0; left: 0; } .shuiwu .company_type_left button { width: 153px; height: 35px; border: 1px solid #0090FF; /* margin-top: 10px; */ /* margin-left: 30px; */ display: flex; align-items: center; justify-content: center; background: #0090FF; color: #FFFFFF; /* box-shadow: 0px 2px 0px 0px rgb(0 104 185); */ border-radius: 4px; } .shuiwu .company_type_left button .more_icon { width: 22px; height: 14px; display: inline-block; margin-left: 8px; background: url(../images/icon_more__white.png) no-repeat center; background-size: cover; } .shuiwu #banner .swiper-slide{ padding-bottom: 50px; height: auto; } .shuiwu .company_type_left{ border: 1px solid #DCDFE6; } /*分页器*/ .shuiwu #banner .swiper-pagination-bullet{width: 10px;height: 10px; display: inline-block; border-radius: 50%; background:#CCCCCC; transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; opacity: 1.0;} .shuiwu #banner .swiper-pagination-bullet-active{background:#007AFF;color: #007AFF;width: 10px;border-radius: 30px;opacity: 1.0;} .shuiwu #banner .swiper-pagination{bottom:0;} .taxPlanSer { display: flex; justify-content: space-between; flex-wrap: wrap; } .taxPlanSerItem { width: calc(50% - 7px); background: #FFFFFF; /* margin-right: 14px; */ margin-bottom: 14px; padding: 20px 0px 30px 30px; /* box-shadow: 0px 2px 16px 0px rgb(0 0 0 / 9%); */ box-sizing: border-box; display: flex; border-radius: 4px; cursor: pointer; } .taxPlanSerItem > img { width: 50px; margin-right: 21px; height: 50px; } .taxPlanSerItem h3 { font-size: 18px; font-weight: bold; } .taxPlanSerItem p { color: #606266; padding: 10px 0 20px; line-height: 22px; } .taxPlanSerItem p .fs24 { font-size: 24px; font-weight: bold; } .taxPlanSerItem button { border: none; cursor: pointer; background-color: transparent; color: #FF6900; border: 1px solid #FF6900; font-weight: bold; font-size: 16px; padding: 6px 106px 7px 107px; display: flex; align-items: center; justify-content: center; border-radius: 4px; } .taxPlanSerItem button:hover { background: #FF6900; color: #FFFFFF; } .taxPlanSerItem button .more_icon { background: url(../images/icon_more_right.png) no-repeat center; background-size: cover; width: 22px; height: 14px; display: inline-block; margin-left: 10px; } .fu_company_step_item{ padding: 20px 20px 30px; background: #FFFFFF; margin-right: 14px; flex: 1; height: 140px; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box; /* box-shadow: 0px 2px 16px 0px rgb(0 0 0 / 8%); */ cursor: pointer; border-radius: 4px; border: 1px solid #DCDFE6; } .fu_company_step_item:hover .company_btn a { color: #FF6900; } .company_btn { cursor: pointer; } .company_btn a { color: #0090FF; font-size: 16px; text-decoration: underline; font-weight: bold; display: flex; align-items: center; } a:hover { color: #777; } .company_btn a span { width: 22px; height: 14px; background-image: url(../images/icon_more_blue.png); background-size: cover; background-repeat: no-repeat; background-position: center; margin-left: 10px; } .fu_company_step_item:hover .company_btn a span { background-image: url(../images/icon_more_right.png); } .tax_plan_qh_list { display: flex; border-radius: 4px; overflow: hidden; } .tax_plan_qh_item { border: 1px solid #ededee; } .item_left { flex: 1; } .tax_plan_qh_item ul li { height: 35px; line-height: 35px; background: #FFFFFF; text-align: center; color: #303133; font-size: 14px; } .tax_plan_qh_item ul li.even { background: #F5F5F6; color: #303133; } .tax_plan_qh_item ul li:first-child { height: 45px; line-height: 45px; } .tax_plan_qh_item ul li:first-child { font-size: 20px; } .tax_plan_qh_list .tax_plan_qh_item .tax_before li { color: #909399; } .item_middle { width: 209px; } .item_right { width: 549px; } .tax_plan_qh_item ul li.blue { background: #389AFF; color: #FFFFFF; } .tax_plan_bottom { width: 540px; height: 60px; line-height: 60px; margin: 22px auto 0; display: flex; align-items: center; justify-content: center; color: #47494C; font-size: 20px; box-sizing: border-box; } .tax_plan_bottom .green { font-size: 24px; color: #00B100; font-weight: bold; } .tax_plan_bottom .fs40 { font-size: 40px; } .company_city_map { display: flex; align-items: center; } .company_city_map > div { flex: 1; } .company_city_map_left img { width: 581px; min-width: 581px; } .company_city_map_middle { padding-top: 19px; margin-left: 74px; margin-right: 52px; } .company_city_map_middle p { margin-bottom: 28px; font-size: 20px; } .company_city_map_middle p span { font-size: 36px; display: block; } .company_city_map_right { padding: 30px 0; box-sizing: border-box; width: 324px; text-align: center; min-width: 324px; background: #FFFFFF; /* box-shadow: 0px 2px 16px 0px rgb(0 0 0 / 8%); */ border-radius: 1px; text-align: center; margin: auto; cursor: pointer; border: 1px solid #DCDFE6; } .company_city_map_right h4 { font-size: 22px; margin-bottom: 14px; font-weight: bold; } .company_city_map_right .tell { font-size: 20px; margin-bottom: 12px; line-height: 28px; } .company_city_map_right .tell .orang { color: #FF6A00; font-size: 24px; } .company_city_map_right button { border: none; cursor: pointer; width: 153px; height: 33px; background: #FF6A00; color: #FFFFFF; border-radius: 4px; } /* 法律服务 */ .tab-wrapper { overflow: visible; background: #f6f6f6; height: 80px; line-height: 80px; box-shadow: 0 5px 13px rgba(167,165,165,.5); width: 100%; } .minwidth { overflow: visible; width: 1180px; margin: 0 auto; } .tab-sub { width: 100%; display: flex; } .tab-sub li { width: 168px; height: 100%; } .tab-sub li a { display: block; font-size: 18px; color: #000000; text-align: center; } .tab-sub li a:hover { background: #8ecaf8; color: #fff; } .mode-1 li { border: 1px solid #e3e3e3; border-radius: 10px; width: 240px; height: 360px; background: #fff; text-align: center; display: inline-block; margin: 0 23px 100px; } .head-bg { width: 240px; height: 130px; border-top-left-radius: 10px; border-top-right-radius: 10px; background:url(../images/head-01.jpg); } .tet { font-size: 16px; line-height: 24px; color: #999; margin: 35px 0 38px; } .price { font-size: 18px; color: #ecb751; line-height: 24px; margin-bottom: 20px; } .w146 { width: 146px; } .law-btn { background: #4a9bff; border-radius: 20px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; display: inline-block; } .boxshadow-1 { box-shadow: 0 6px 13px 0 rgba(4, 105, 228, 0.34); } .boxshadow { transition: all 0.4s ease; } .boxshadow:hover { box-shadow: 0 15px 27px 0 rgba(167,165,165,.38); transform: translate(0,-10px); } .text-center{ text-align: center; } .price-year { font-size: 18px; color: #ecb751; line-height: 24px; margin: 70px 0 18px; } .w230 { width: 230px; margin-bottom: 70px; } .mode-2 li { border: 1px solid #e3e3e3; border-radius: 10px; width: 300px; height: 410px; background-color: #fff; text-align: center; display: inline-block; margin: 0 50px 90px; } .head-bg-2 { height: 173px; background: #6a7d94; color: #fff; padding-top: 30px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .boxshadow .icon { width: 72px; height: 70px; display: block; background: url(../images/icon.png); margin: 0 auto; transition: all .5s; } .head-bg-2 p { font-size: 24px; text-align: center; margin-top: 14px; } .bg-light { background: #5b6d82; } .h3-content { width: 900px; margin: 0 auto; padding-bottom: 100px; } .inline-block { display: inline-block; text-align: center; } .right-title { color: #fff; font-size: 20px; margin-bottom: 20px; } .right-content { padding-left: 14px; color: #cbd7e4; line-height: 36px; font-size: 15px; } .right-foot { margin-top: 40px; } .w166 { width: 166px; } .right-foot-price { color: #ecb751; margin-bottom: 24px; } .law-btn:hover { color: #fff; } .bg { cursor: pointer; width: 210px; height: 112px; background-position: center bottom; background-repeat: no-repeat; } .h6-title { font-size: 24px; line-height: 42px; color: #333; margin-top: 58px; } .fixed { position: fixed; top: 0; z-index: 9999; }